22 Nov

Crea galerías con jQuery.popeye

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.

Escribe un comentario

Tus datos

Tu comentario

Smileys: Para añadir un smiley desactiva el editor WYSIWYG y haz clic en el smiley que quieres añadir.
Puedes usar estos smileys:

:-[ (B) (^) (P) (@) (O) (D) :-S ;-( (C) (&amp;) :-$ (E) (~) (K) (I) (L) (8) :-O (T) (G) (F) :-( (H) :-) (*) :-D (N) (Y) :-P (U) (W) ;-)

Activar / Desactivar editor WYSIWYG