AnyThing Slider... jquery plugin

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

AnyThing Slider... jquery plugin

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: SliderJqueryCssGalería

    Artículos relacionados:


    100 Búsquedas de este artículo:

    anything sliderAnythingSliderAnythingSlider jQuery Pluginslider jqueryanythingSlider jquerytext slider jqueryslider jquery textoslider jquery con textotexto slider jqueryslider de texto jquerysliders jqueryplugins slider jqueryslide texto flechas jqueryslider jquery with image and textAnythingSlider bloggerjquery tiny scrollbar flechasanything slider jqueryjquery dual slider continiusAnythingSlider delay por imagemscroll continuo imagenes jquerycambiar tamaño anythingslidercomo utilizar anythingslideranythingslider tamaño imagenslider de contenido jqueryslider para imagenes y videos en jquerymejor que este anythingslider jquery pluginslide continuoblogger AnythingSliderautosize slider jqueryjquery cambio tamaño div texto efecto slidejquery anuthing scrollanything slider bloggerautoplay slider imagenes bloggerintercambiar scrollbar por efecto slide jqueryslider contenido jquerysumar celdas jqueryjquery slider autoplayefecto slide continuoBARRA DE DESPLAZAMIENTO ANYTHINGSLIDERanything slider con miniaturasanything slyder no buclejquery anything scrollslide continuo en java scriptmodificar tamaño jquery slidermostrar pagina dentro anythingslidercomo poner anything slider bloggercomo instalar anythingslider en bloggerefectos anythingslider jquery cssslider jquery para textomodificar autoplay jqueryslide de imagenes jquery sin flechasbarras en anythingsliderjquery galería con flechas laterales"navigationFormatter" anytingsliderscroll jquery flechas en un divslide contenido jqueryanything slider 2011plugins para zoom en autoplayslider jquery con numerosjqueryslidemenueditar anythingsliderarticulo con anythingslider jquery plugin desliders jquery sin pausaanythingslider miniaturasscroll texto flechas jqueryno se usar anythingsliderslides con texto en jquery ie6PLUGIN SCROLL CON FLECHA JQUERYuso de anythingslideraudio continuo en jqueryslide con flechas en jqueryjquery sumar flechasjquery de texto contenidos sliderscrollbar bucle con jquerygalerias imagenes autoplay jqueryjquery text slide autoplaycomo funciona anythingslider jquery pluginslide de contenido en jqueryjquery slider link textoanythingslider cambiar tamaño imagenslides jquery con contenidoautoplay imagen jquery pluginjquery horizontal scroller continiuslyslide para blogger de texto y contenidoslider jquery con multiples instanciasjquery-slide-anythingslider anything jqueryslides de fotos desplazamiento continuobarra de slider - jqueryjquery plugins slider textjquery cambiar contenido div slideslider barra sin jquerytexto continuo con imagenes jqueryflechas jquery bloggersumar contenido columnas con jqueryeanythinkslider jqueryver codigo anythingsliderjquery slide de contenidosefecto anythingsliderslider jquery iglesias

    Traduce esta página

    Nube de Tags

    Libros de Romantica

    Los 20 posts más populares

    Usuarios Conectados...

    • Hay 7 usuario/s en esta página
    ¿Sabías qué?
    Yo digo
    Miembro de

    BlocketPCSubflashADWE

    © 2012 Martin Iglesias - Todos los derechos reservados

    Creative Commons LicenseValid XHTML 1.0 Transitional¡CSS Válido!Suscribete a mi RSSHumans TXT