Hola p.torvaz, esto de acuerdo contigo, he visitado la página de Tunait y es muy buena. He modificado el script de Tunait para puedas mostrar distintas galerías de fotos en un pop-up, cada galería de fotos esta guardada en un array, creo que eso es lo que quieres hacer.
He añadido algunos comentarios en el código para que te sea más fácil comprender el funcionamiento de este.
También puedes guardar los arrays en un archivo externo y en otro el código para para abrir el pop-up, para así poder utilizarlo en distintas páginas.
Espero que te sea útil. Saludos.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Galerias de fotos</title>
<script language="JavaScript" type="text/javascript">
<!--
// Basado en Ventana ajustada a foto versión 2 por tunait
var afotos= new Array()
afotos[0]="motos/Onda.jpg"
afotos[1]="motos/Yamaha.jpg"
afotos[2]= "motos/Aprilia.jpg"
var afotos2= new Array()
afotos2[0]="coches/BMW.jpg"
afotos2[1]="coches/Ford.jpg"
// Referenciamos la ventana popup
var ventana
var mgn_height = 78
function mfoto(ttl,ar){
if(ventana){ventana.close()}
ventana=window.open('','ventana','resize=yes,scrol lbars=no,resiza ble=yes')
ventana.document.writeln ('<html><head>')
ventana.document.writeln('<title>' + ttl + '</title>')
ventana.ar = ar // Guardamos el array en esta variable
ventana.cont = 0
ventana.document.writeln('</head><body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" style="overflow:hidden">')
ventana.document.writeln('<div align="center"><img id="foto" alt="mi foto" src="' + ar[0] + '" onLoad="opener.redimensionar(this.width, this.height);opener.mouse_pointer(this)" onClick="if(cont==ar.length -1){cont=0}else{cont++};document.getElementById(\'f oto\').src =ar[cont];return false" >')
ventana.document.writeln('<br><a href="#" onClick="if(cont==0){cont= ar.length -1;}else{cont--};document.getElementById(\'foto\').src =ar[cont];return false">anterior</a>')
ventana.document.writeln(' | <a href="#" onClick="if(cont== ar.length -1){cont=0}else{cont++};document.getElementById(\'f oto\').src =ar[cont];return false">siguiente</a></div>')
ventana.document.writeln ('</body></html>')
ventana.document.close()
}
// Esta funcion cambia el puntero cuando esta sobre las imagen
function mouse_pointer(obj){
// Si es IE
if(document.all){
return obj.style.cursor ="hand"
}
// NS6 o Mozilla
else{
return obj.style.cursor ="pointer"
}
}
function redimensionar(ancho, alto){
ventana.resizeTo(ancho ,alto + mgn_height)
ventana.moveTo((screen.availWidth - ancho)/2,(screen.availHeight - alto)/2)
}
//-->
</script>
</head>
<body BGCOLOR="#FFFFFF">
<!-- El nombre de la galeria lo obtenemos de id -->
<!-- En la funcion mfoto el segundo argumento es el nombre del array -->
<div align="left"><a id="Galeria de motos" href="javascript
:void(0)" onClick="mfoto(this.id,afotos);return false">Galeria de motos</a></div>
<div align="left"><a id="Galeria de coches" href="#" onClick="mfoto(this.id,afotos2);return false"><img src="coches/BMW.jpg" width="95" height="72" border="0" ></a></div>
</script>
</body>
</html>