20 junio 2011

jCarousel mi mejor aliado como carrusel jQuery

jCarousel es un plugin Jquery que sirve muchísimo para crear carruseles de ítems y galerías o slides, lo mejor es que es muy personalizable, tiene opciones de dar acciones antes, entre y después de cada transición. En este demo hice un carrusel con botones hacia delante y atrás, espero les sirva como ejemplo.

Demo:

Código Javascript:

Código HTML:

Código CSS:

Enlace a página del autor

Descarga mi demo

  • Gracias Sebarrello punto con!!

  • Agradecido! tengo una consulta. ¿Qué pasa si quiero direccionar cada foto?, ¿cómo lo hago?

    Gracias!

  • Anónimo

    Hola Gabriel,

    Si quieres linkear las imágenes que están en el carrusel debes agregarlas dentro de un entonces cada elemento de la lista sería:

    Saludos :D

  • Anónimo

    no lo creo pienso que agregando entre lo que dijiste seria mas adecuado o mejor se puede usar una funsion javascript que direccione al evento click

  • Anónimo

    moicapo123 Disculpa, no me habia fijado que el editor de texto me habia modificado el tag A , ahora si pude mostrar bien la solución,
    Saludos

  • Anónimo

    solo quiero ver la funsionanalidad de comentarios de este sistema no trato de ofender a nadie nesecito hacer algo parecido

  • Anónimo

    Moises es mi nombre

  • necesito ayuda para hacer un carrusel que muestre mas imagenes de 3 en tres con textos sera que me pueda ayudar? mi correo es [email protected]

  • pablo fernandoy

    donde se pone cada codigo ?

  • seballero

    Hola Pablo, los 3 códigos se pueden agregan en un mismo HTML, o también puedes agregar los estilos css en un archivo externo .css al igual que el javascript  en un .js . De todos modos puedes descargar el ZIP con el demo que está al final del articulo.
    Saludos.

  • angelika

    tengo un carrusel de imágenes pero necesito que tenga botones de dirección ayuda

  • seballero

    Hola Angelika, puedes descargar el demo del ejemplo, el link que está al final del post y viene con los botones de dirección.

  • sandra

    Hola cuando subo el html al servidor el carrusel me queda abierto pero cuano lo exploro en el local host lo veo bien, cargue los js y los estilos, las imagenes y el html.

  • Elohim Silva Vinelli

    Hola necesito meter el slider jquery en una pagina reajustable estoy usando la grilla reajuestable de dreamweaver cc, puedo crear un div nuevo y copiar el codigo dentro del html para lograr el resultado deseado?. Por favor ayudame. Muchas gracias.