Hola: Te mando una página con sólo un pas de imagenes...
Voy a subirla a algún sitio para que veas el efecto...
Debes consuderar que no hay estilos ni nada bonito, porque solo es una muestra:
<html>
<head>
<script language="javascript">
function mostrar(imagen, ancho, alto) {
var losDatos = "imagen: " + imagen;
losDatos += "\nanchura: " + ancho;
losDatos += "\naltura : " + alto;
alert(losDatos);
}
function elDato(imagen, ancho, alto, mini, miniancho, minialto) {
this.imagen = imagen;
this.ancho = ancho;
this.alto = alto;
this.mini = mini;
this.miniancho = miniancho;
this.minialto = minialto;
}
var afotos = new Array();
afotos[0] = new elDato("MaxiH000.jpg", 480, 360, "MiniH000.jpg", 133, 100);
afotos[1] = new elDato("MaxiV000.jpg", 360, 480, "MiniV000.jpg", 100, 133);
function galeria(fotos) {
var visor = "";
for (var i = 0; i < fotos.length; i ++) {
visor += "<img src='" + fotos[i].mini;
visor += "' width='" + fotos[i].miniancho;
visor += "' height= '" + fotos[i].minialto;
visor += "' onclick='mostrar(\"" + fotos[i].imagen;
visor += "\", " + fotos[i].ancho;
visor += ", " + fotos[i].alto + ")' >";
}
return visor;
}
</script>
</head>
<body>
<script language="javascript">
document.writeln(galeria(afotos));
</script>
</body>
</html>
Es un array de objetos donde estan los valores necesarios (los que expuse antes), y el mostrar solo abre un alert, pero te muestra los valores para el pop-up
Saludos
