Easy Slider: Plugin para jQuery

1 COMENTARIO -  Publicado hace 14 meses -  Clasificado en: , ,

easySlider es un plugin para generar carruseles de imágenes, también llamados "slideshows", para jQuery. Su uso es muy sencillo y posee bastantes opciones de personalización. A continuación un listado con los parámetros que se pueden configurar y sus valores por defecto:

prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next',
controlsShow: true,
controlsBefore: '',
controlsAfter: '',
controlsFade: true,
firstId: 'firstBtn',
firstText: 'First',
firstShow: false,
lastId: 'lastBtn',
lastText: 'Last',
lastShow: false,
vertical: false,
speed: 800,
auto: false,
pause: 2000,
continuous: false
  • controlsShow: Por defecto a true, pero si está establecido en false no añade ningún control. Puede ser utilizado junto con auto-deslizante cuando se quiera desactivar la interacción del usuario.
  • controlsBefore y controlsAfter: En el caso de que se quiera añadir algunos métodos adicionales para obtener más control sobre los botones, puedes hacerlo mediante el uso de estos parámetros.
  • controlsFade: Por defecto asignado a true. Si se pone a false deshabilitará el ocultamiento de botones cuando el slider llega al final.
  • firstShow and lastShow: Estos parámetros ocultan (o muestran) los botones "ir a la primera" e "ir a la última".
  • auto: Esta opción habilita el auto-deslizante. Sólo tienes que ponerla a true.
  • pause :Esta opción se configura en milisegundos y representan la duración de cada diapositiva cuando el plugin está configurado para auto-deslizante.
  • continuous: Si es asignado true cuando hacemos click en el botón "Siguiente" cuando hemos llegado al final se saltará al principio (y viceversa). La combinación de esta opción con auto (ambos establecidos a true) obtendrá una animación sinfín.

En la web oficial del plugin encontraremos más información, unas cuantas demos y la descarga del plugin.

Easy Slider 1.5 » »

Algunas entradas relacionadas:

También te puede interesar:

Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.

GMail: 90 consejos y herramientas

GMail: 90 consejos y herramientas

Crea una atractiva perspectiva de un modelo "surfeando"

Crea una atractiva perspectiva de un modelo "surfeando"

Dilandau

Dilandau

FeedMyApp

FeedMyApp

Tutorial Photoshop: crear un icono de una calabaza de Halloween

Tutorial Photoshop: crear un icono de una calabaza de Halloween

COMENTARIOS

Publicado hace 10 meses
Lorenzo -  
Este script, como otros sliders, no sirve cuando se quiere insertar nodos dinámicamente, ó, usando

$.get("images.html", function(data) { jQuery(data).appendTo('#slider'); });

¿Conocen algún script que si lo permita?

Saludos,
Lorenzo
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com