Follow me @Tmeister

EasySlider con multiples sliders para jQuery

ESCRITO POR Tmeister EN April - 2 - 2009

Últimamente he estado desarrollando cosas que no utilizan Flash, sobre todo estoy desarrollando sobre XHTML & CSS & Javascript, usando jQuery como framework.

Para el proyecto en el que estoy ahora necesitábamos un slider para contenido, en la red existen muchos pero solo muestran un slide a la vez, pero yo necesitaba que se mostrara más de un slide a la vez.

Bien, Tomando como base el plugin EasySlider, que es simple y muy funcional, hice una modificaciones para que aceptara un parámetro mas, en el cual se puede configurar cuantos slides mostrar. El resultado de esto es EasyMultipleSlider.

Demo

http://klr20mg.com/easy/

Descarga

download

Download: easymultipleslider.zip
Version: 0.1
Updated: June 6, 2009
Size: 34.95 KB

http://klr20mg.com/downloads/easymultipleslider.zip

Saludos y espero que les sea de utilidad

8 Responses to “EasySlider con multiples sliders para jQuery”

  1. jorplane says:

    Hola; muy bueno el MultipleSlider; gracias por este gran aporte; lo quiero utilizar en una pagina que me stoy currando como una galeria de noticias destacadas; en firefox va a las mil maravillas, pero en cambio en explorer el contenedor de los slides se ve entero completamente; el caso es que el ejemplo que viene con el source me funciona perfectamente en firefox y explorer, y por mas que reviso mis css y los tuyos y el codigo y demas no consigo dar con la solución para que se vea bien en internet explorer.
    Puedes ver de lo que te hablo en: http://www.asesoria-imasdmasi.com/2.0/ ; te agradeceria mucho cualquier ayuda o sugerencia.
    - Un Saludo .*

    • jorplane says:

      Me contesto a mi mismo; y es que me he dado cuenta que el problema lo he provocado yo al querer convertir los bordes de los div slide con la libreria jquery.corner.js y no con -moz-border-radius: 5px; y -webkit-border-radius: 5px; como ponia en tu css; como esto no funcionaba en internet explorer utlice la sentencia $(“div.slide”).corner(); para que genere con jquery esos bordes; y asi tambien funciona en explorer, pero he ahí el problema, ahora no funciona bien el MultipleSlider y se ven todos elos slides en internet explorer como comentaba antes, y si quito la sentencia $(“div.slide”).corner(); funciona perfectamente el MultipleSlider pero no se ven los bordes en internet explorer.. así que seguiré probando pero sigo atento a cualquier instrucción al respecto;)

  2. Manuel says:

    Hola, muchas gracias por el slider, era justo lo que buscaba, pero el problema es que ya no funciona la descarga…. pudieras enviarmelo a mi email o bien resubirlo ??

    De antemano muchasd gracias !!!

  3. Santiago says:

    Me encanto esta funcionalidad el tema es q no puedo hacerlo funcionar en ie 7 (http://www.suitecommtest.com/netsuite-customers). Te agradeceria si pudieses ver el codigo. Desde ya muchas gracias,

    Santiago

  4. Hen says:

    Bro, muy buen post, quisiera probarlo pero el zip menciona qu esta dañado, a ver si lo puedes reparar y volverlo a poner, saludos!!! y gracias de antemano…

  5. alan says:

    Una consulta, con multiples slide no funciona, has podido implementar esta funcionabildiad, tu codigo esta bueno, saludos.

  6. jstnno says:

    @alan. a mi tambien me pasaba lo mismo. para hacer funcionar multiples slides debes definir diferentes id para los botones, osea algo asi:
    $(“#hola”).easyMultipleSlider(
    {
    number_slides_visible:6,
    firstShow: true,
    lastShow: true,
    nextId: ‘prevBtn2′,
    prevId: ‘nextBtn2′,
    firstId: ‘firstBtn2′,
    lastId: ‘lastBtn2′,
    });
    });

Acerca de mi
Enrique Chavez

Enrique Chávez también es conocido como @Tmeister es un desarrollador, emprendedor, poeta y loco.

Geek autodeclarado y apasionado de todo lo que tiene que ver con tecnología y desarrollo.

Cuenta con una experiencia de más de 7 años en el ramo del desarrollo, creando, sobre todo, aplicaciones web en la empresa Sapotek.

A finales del 2008 crea, junto con 3 colegas, la consultoría llamada AureaCode, enfocándose a brindar servicios de desarrollo web en todas sus variantes.

Si necesitas algún tipo de información o consulta por favor no dude en escribir.

View Enrique Chávez's profile on LinkedIn

Carlos Enrique Chavez Garcia's VisualCV

RSS Feed

Links Patrocinados