Easy Slider: Plugin para jQuery
1 COMENTARIO - Publicado hace 14 meses - Clasificado en: JQUERY, WEB, DESARROLLOeasySlider 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.
Algunas entradas relacionadas:
También te puede interesar:
| GMail: 90 consejos y herramientas | Crea una atractiva perspectiva de un modelo "surfeando" | Dilandau | FeedMyApp | 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 |





















diseño web valencia en 500 iconos gratuitos para tus aplicaciones web




