Con este sencillo script podrás abrir un "popup" sin necesidad de cargar otra página, dismuyendo podrás cargar en él la foto que desees y cuando esta se haya cargado, el popup adaptará automáticamente su tamaño con las medidas de la imagen.
Para ello necesitarás copiar el siguiente código:
Código:
<script language="JavaScript">
<!--
function abreFoto(ruta)
{
i1 = new Image;
i1.src = ruta;
html = '<html><head><title>Imagen</title></head>';
html += '<body leftmargin=0 marginwidth=0 topmargin=0 marginheight=0>';
html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
html += 'onLoad="window.resizeTo(document.Foto.width,document.Foto.height)">';
html += '</center></body></html>';
popupImage = window.open('','_blank','scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}
// -->
</script>
Después, utiliza el siguiente enlace para cada una de tus fotos, indicando su ruta (absoluta o relativa).
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.