lunes, 20 de junio de 2011

Vagabundia

Vagabundia


Image Rotator con jQuery

Posted: 19 Jun 2011 08:00 PM PDT

Este es uno de los slideshows, sliders o rotadores de imágenes más simples de implementar que he visto últimamente, requiere el uso de jQuery y se llama Automatic Image Rotator.

En la página de los desarrolladores hay información abundante respecto a los detalles y una explicación clara de su funcionamiento pero, de todas maneras, para quien simplemente quiera copiar y pegar, las cosas son sencilla.

El HTML que va allí donde uno quiera mostrarlo, es un DIV donde hay dos contenedores, en el primero iran las imágenes y en el segundo los números que son los que controla, el slider:
No hay limitaciones en cuanto a la cantidad de imágenes así que pueden agregarse todas las que se quiera.

Ahora el script..

Obviamente, debemos tener jQuery agregado en el head de nuestra página:


Un poco de CSS y eso es todo:

No hay comentarios:

Publicar un comentario

Correo Vaishnava

Archivo del blog