Bueno, aquí estoy de nuevo, ha sido fácil a partir de lo anterior. Debes tener un archivo grande (en el ejemplo, "imagen.gif") y otro pequeño que debe ser el mismo nombre pero acabado en "_peq" (imagen_peq.gif). Ambos con la misma extensión.
En el sitio de la miniatura pones el script dando como argumentos
- el nombre base de archivo (sin extensión)
- la extensión (sin punto)
- el ancho y alto de la miniatura
- el ancho y alto de la imagen grande
- el título para la ventana de imagen grande (esto lo he añadido viendo tu página)
Código HTML:
<script language="JavaScript" type="text/JavaScript">
ponImagen2('imagen','gif',56,55,560,550,'Título de ventana')
</script>
Luego, en el HEAD defines las dos funciones:
Código:
function ponImagen2(nombre,ext,anchoMini,altoMini,ancho,alto,titu) {
ext = '.'+ext
ancho+=20, alto+=20 //dejar margen para el navegador
var tx1 = '<a href="javascript:ampliaImagen(\'' + nombre+ext + '\',' + ancho + ',' + alto + ',\'' + titu +'\')" '
tx1 += 'onMouseOver="window.status=\'\';return true" onMouseOut="window.status=\'\';return true">'
tx1 += '<img src="' + nombre + '_peq' + ext + '" border=0 width=' + anchoMini + ' height= ' + altoMini
tx1 += '></a>'
document.write(tx1)
}
function ampliaImagen(nombre,ancho,alto,titu) {
var ventanaImagen = window.open('','','width=' + ancho + ',height=' + alto)
var tx2 ='<html><head><title>' + titu + '</title></head><body>'
tx2 += '<img src="' + nombre + '" onClick="window.close()"'
tx2 += ' alt="pulsa para cerrar" title="pulsa para cerrar"'
tx2 += '></body></html>'
with (ventanaImagen.document) { write(tx2); close() }
}
Y ¡hale! a generar imágenes emparejadas