Cómo crear un carrusel infinito con jQuery

Como crear un carrusel infinito con jQuery

jQueryforDesigners ha creado un carrusel con jQuery que trabaja de la misma manera que el carrusel horizonal de la página de anuncios de Get a Mac. Ellos han publicado un tutorial (incluye video) donde explican los fundamentos del carrusel y como lo han creado, lllamándolo jQuery Infinite Carousel.

El truco, según comentan, está en construir el DOM con nodos clonados; así, cuando hacemos scroll y llegamos al último ítem, clonamos el inicio de la lista y lo insertamos al final de la lista. Una vez que la animación haya terminado, regresaremos a la posición del primer ítem. Interesante.

Enlace | jQuery Infinite Carousel
Vía | webappers

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato