Crea galerías con jQuery.popeye

Beware: This post was published 9 years ago and its content may be outdated.

Vía Anieto2k descubro jQuery.popeye, con el cual podemos crear galerías de imágenes usando una capa y un listado.

El código HTML básico sería una cosa así:

<div style="clear:both;">
<div id="popeye1" class="galeria">
<ul>
<li><a href="imagen1.jpg"><img src="imagen1.jpg" alt="Imagen 1" /></a></li>
<li><a href="imagen2.jpg"><img src="imagen2.jpg" alt="Imagen 2" /></a></li>
</ul>
</div>
</div>

Y el código Javascript quedaría así


// jQuery
$(document).ready(function() {
$('.galeria').popeye();
});

Descarga jQuery.popeye.

Demo de jQuery.popeye.