jQuery.popeye es una vuelta de tuerca más a la idea de lightbox como sistema para mostrar imagenes en nuestras páginas web. Usando un sistema basado en listados remaquetados con CSS podemos mostrar galerías de imagenes fácilmente en nuestras aplicaciones.
<div style="clear:both;">
<div id="popeye1" class="popeye">
<ul>
<li><a href="....."><img src="....." alt="´...." /></a></li>
<li><a href="....."><img src="....." alt="´...." /></a></li>
.....
</ul>
</div>
// jQuery
$(document).ready(function() {
$('.popeye').popeye();
});
Usando la class «popeye» hacemos que el listado de imagenes que se encuentre en su interior pasará a ser una galería que veremos ocupando un pequeño espacio de nuestra web.
Haciendo click sobre la imagen, podemos visualizar la imagen a un tamaño mayor.
4 comentarios, 1 referencias
+
#