Easy Slider: JQuery Slider
Os dejo un slider de imagenes (o texto) funcional, elegante y muy fácil de usar que no os dejará indiferente.
EasySlider, es un plugin para jQuery que nos permite rotar imágenes (o texto) horizontal o verticalmente de una forma muy fácil y ocupando poco espacio (solo pesa 5kb + los 54kb de jQuery).
El creador de este plugin es Alen Grakalen, de css globe, y en uno de sus blog podemos ver integrado con CSS y funcionando perfectamente este slider.

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.
Demos:
* basic default non styled demo
* styled demo with default settings
* non styled demo with vertical scroll and visible “go to first” and “go to last” buttons
* styled demo with auto scroll and continuous sliding
* styled demo with multiple slider, image and content slider, with different settings (top one has auto slide while bottom one doesn’t)
* Numeric Navigation
En la web oficial del plugin encontraremos más información, unas cuantas demos y la descarga del plugin.
Fuente: CSS Globe


