JSPopViewer
Ejemplo
Código de ejemplo
<html>
<head>
<script type="text/javascript" src="./jspopviewer/jspopviewer.js"></script>
<script type="text/javascript">
var jspopviewer = new JSPopViewer("jspopviewer", "./JSPopViewer/");
</script>
</head>
<body>
<!-- Ejemplo 1 -->
<img id="logo" src="hq_example1.jpg" title="Imagen sin miniatura" width="160" height="120" onClick="jspopviewer.open(this)">
<!-- Ejemplo 2 (con miniatura)-->
<img id="logo" src="example2.jpg" onClick="jspopviewer.open('hq_example2.jpg', 'Imagen con miniatura')">
</body>
</html>
Descarga
Version 1.1
- Añadido soporte de pie de foto: Segundo parámetro de la funcion open() o el atributo 'title' de la imagen.
- Añadido atributo 'effect' para definir la animación al aparecer/desaparecer. De momento disponibles 'bounce' (por defecto) o 'easeout'.
- Haciendo click fuera de la imagen esta se cierra (ya no se cierra al hacer click en ella).
- Ya no es necesario declarar el objeto JSPopViewer al final del documento.
- Corregido problema comprobar si la imagen ha cargado.
- Corregido problema comprobar el tamaño de la imagen en IE.
- Corregidos algunos problemas con los estilos.
Descargar
Version 1.0
Descargar
David Ruiz - daveruiz.net