AnyThing Slider... jquery plugin

Escrito por: Martín el 18-08-2009 06:21:56 y leído 1556 veces

Como bien dice su autor, sí, es otro slider para jquery. Pero éste tiene una particularidad y es que une un montón de características  de otros.

A mi, personalmente, me resulta más que interesante y no creo que pase mucho tiempo hasta que lo pruebe. Mucho no se puede contar, más de lo que publica Chris Coyer en CSS-TRICKS.

Características:
- El contenido a mostrar es HTML puro, por lo que puede ser cualquier cosa.
- Flechas de Siguiente/Anterior.
- Las pestañas de navegación (números) son agregadas y construidas dinámicamente.
- Auto Play -puede comenzar automáticamente o iniciarlo desde un botón-.
- Cada slide puede enlazar a su contenido específico.
- Loop continuo, siempre continúa rotando slides.
- Múltiples instancias del slider por página.
- Se puede pausar al hacer un rollover.
- Incluso el texto de cada slide puede enlazarse con su contenido.

Implementación:
La implementación es muy fácil, mira el código 1 para el javascript necesario.

Slides:
Cada slide debe ir dentro de un

que a su vez está dentro de un div llamado ´wrapper´. Y para ajustar el tamaño a tus necesidades, debes retocar la hoja CSS incluida.

 

Demo:
Como para muestra basta un botón, mejor verlo que leerlo, así que pásate por la demo (y de paso, ahí tienes el link para descargarlo).

Código JAVASCRIPT

$('.anythingSlider').anythingSlider({
        easing: "swing",                // Anything other than "linear" or "swing" requires the easing plugin
        autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not
        startStopped: false,            // If autoPlay is on, this can force it to start stopped
        delay: 3000,                    // How long between slide transitions in AutoPlay mode
        animationTime: 600,             // How long the slide transition takes
        hashTags: true,                 // Should links change the hashtag in the URL?
        buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
        pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
        startText: "Start",             // Start text
        stopText: "Stop",               // Stop text
        navigationFormatter: null       // Details at the top of the file on this use (advanced use)
});

Categorías: Slider • Jquery • Css • Galería • •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

anything slider • AnythingSlider • AnythingSlider jQuery Plugin • slider jquery • anythingSlider jquery • text slider jquery • slider jquery texto • slider jquery con texto • texto slider jquery • slider de texto jquery • sliders jquery • plugins slider jquery • slide texto flechas jquery • slider jquery with image and text • AnythingSlider blogger • jquery tiny scrollbar flechas • anything slider jquery • jquery dual slider continius • AnythingSlider delay por imagem • scroll continuo imagenes jquery • cambiar tamaño anythingslider • como utilizar anythingslider • anythingslider tamaño imagen • slider de contenido jquery • slider para imagenes y videos en jquery • mejor que este anythingslider jquery plugin • slide continuo • blogger AnythingSlider • autosize slider jquery • jquery cambio tamaño div texto efecto slide • jquery anuthing scroll • anything slider blogger • autoplay slider imagenes blogger • intercambiar scrollbar por efecto slide jquery • slider contenido jquery • sumar celdas jquery • jquery slider autoplay • efecto slide continuo • BARRA DE DESPLAZAMIENTO ANYTHINGSLIDER • anything slider con miniaturas • anything slyder no bucle • jquery anything scroll • slide continuo en java script • modificar tamaño jquery slider • mostrar pagina dentro anythingslider • como poner anything slider blogger • como instalar anythingslider en blogger • efectos anythingslider jquery css • slider jquery para texto • modificar autoplay jquery • slide de imagenes jquery sin flechas • barras en anythingslider • jquery galería con flechas laterales • "navigationFormatter" anytingslider • scroll jquery flechas en un div • slide contenido jquery • anything slider 2011 • plugins para zoom en autoplay • slider jquery con numeros • jqueryslidemenu • editar anythingslider • articulo con anythingslider jquery plugin de • sliders jquery sin pausa • anythingslider miniaturas • scroll texto flechas jquery • no se usar anythingslider • slides con texto en jquery ie6 • PLUGIN SCROLL CON FLECHA JQUERY • uso de anythingslider • audio continuo en jquery • slide con flechas en jquery • jquery sumar flechas • jquery de texto contenidos slider • scrollbar bucle con jquery • galerias imagenes autoplay jquery • jquery text slide autoplay • como funciona anythingslider jquery plugin • slide de contenido en jquery • jquery slider link texto • anythingslider cambiar tamaño imagen • slides jquery con contenido • autoplay imagen jquery plugin • jquery horizontal scroller continiusly • slide para blogger de texto y contenido • slider jquery con multiples instancias • jquery-slide-anything • slider anything jquery • slides de fotos desplazamiento continuo • barra de slider - jquery • jquery plugins slider text • jquery cambiar contenido div slide • slider barra sin jquery • texto continuo con imagenes jquery • flechas jquery blogger • sumar contenido columnas con jquery • eanythinkslider jquery • ver codigo anythingslider • jquery slide de contenidos • efecto anythingslider • slider jquery iglesias •