Lightbox 2 es una de esas aplicaciones para poder ver la imagen en grande a partir de una miniatura en la misma página web sin necesidad de cargar un pop-up y de una forma elegante.
Lightbox 2 utiliza el framewor Prototype y Scriptaculous Effects Library.
La demo
la descarga
Un ejemplo de código:
Nota: el primer
los siguientes lo hacen a un grupo de imagenes (por lo cual tenemos un botón next y prev.
Web del autor
Lightbox 2 utiliza el framewor Prototype y Scriptaculous Effects Library.
La demo
la descarga
Un ejemplo de código:
<html>
<head> </head>
<body>
<script type=\"text/javascript\" src=\"js/prototype.js\"></script>
<script type=\"text/javascript\" src=\"js/scriptaculous.js?load=effects,builder\"></script>
<script type=\"text/javascript\" src=\"js/lightbox.js\"></script>
<link rel=\"stylesheet\" href=\"css/lightbox.css\" type=\"text/css\" media=\"screen\" />
<a href=\"images/image-1.jpg\" rel=\"lightbox\" title=\"my caption\">image #1</a>
<a href=\"images/image-1.jpg\" rel=\"lightbox[roadtrip]\">image #1</a>
<a href=\"images/image-2.jpg\" rel=\"lightbox[roadtrip]\">image #2</a>
<a href=\"images/image-3.jpg\" rel=\"lightbox[roadtrip]\">image #3</a>
</body></html> Nota: el primer
<a href=""> hace referencia a una imagen unicalos siguientes lo hacen a un grupo de imagenes (por lo cual tenemos un botón next y prev.
Web del autor
Publicar un comentario