Esta es una pequeña galería de imágenes ideal para mostrar por ejemplo varias fotos de un producto en una tienda virtual, pero con una pequeña animación para hacerlo más atractivo.
La implementación es muy sencilla como pueden ver:
[cc lang=»html»]
[/cc]
Y el javascript para hacerla funcionar:
[cc lang=»javascript»]
$(document).ready(function() {
$(«#gallery_output img»).not(«:first»).hide();
$(«#gallery a»).click(function() {
if ( $(«#» + this.rel).is(«:hidden») ) {
$(«#gallery_output img»).slideUp();
$(«#» + this.rel).slideDown();
}
});
});
[/cc]
