Hola pablillito, bienvenido a los foros:
En las FAQs de javascript hay un par de buenos ejemplos para abrir popups, que te recomiendo leer, aunque según veo sabes cuál es el tamaño de las imágenes, y lo de añadir el botón también es algo distinto, entonces, vamos paso a paso:
En primer lugar, creo que es mejor que tengas definidas las imágenes en un array de la forma:
var imagenes = ["imagen1.gif", "imagen2.gif", imagen3.gif"];
// como es un ejemplo solo hay 3 elementos...
// también sería necesario un contador de el valor actual:
var contador;
// y una función que nos devuelva la imagen siguiente a partir del contador,
// y actualizando este:
function siguiente() {
contador = ++contador % imagenes.length;
return imagenes[contador];
}
// Esta función cuando excede del tamaño del array devuelve 0,
// o sea un bucle circular (no sé si se dice así)
// Ahora creamos el popup con una variable global "popup"
// con una funcion "abrir"
var popup = false;
function abrir(imagen) {
contador = imagen; // damos valor al contador
var propis = "top=" + (screen.height / 2 - 260) + ",left=" + (screen.width / 2 - 320) + ",width=640,height=520";
// sabemos que la anchura es 640, y la altura 480 más el link
// a ojo he puesto 520, pero habría que calcularlo...
// ahora escribimos el contenido de la ventana:
var ventana = "<html><body><img id=yo src=" + imagenes[contador];
ventana += "style='position:absolute;top:0;left:0;width:640;h eight:480'>";
ventana += "<hr><center><a href='javascript
: opener.otra()'>"
ventana += "siguiente</a></center></body></html>";
// y ahora abrimos la ventana y la escribimos...
popup = window.open("", "", propis);
popup.document.write(ventana);
}
// el popup tiene un link a una función otra que es lo que falta definir:
function otra() {
popup.document.getElementById("yo").src = siguiente();
}
Podría fallar algo, porque está escrito "de memoria", pero espero que te sirva...
Saludos
