You are here: Enrique Chávez Garcia- Desarrollo de Web » CSS & [X]html » EasySlider con multiples sliders para jQuery

EasySlider con multiples sliders para jQuery

Posted in: CSS & [X]html, featured, jQuery- abr 02, 2009 8 Comments

Ú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://tmeister.net/easy/

Descarga

Rendering of template dTemplate.php failed

http://tmeister.net/downloads/easymultipleslider.zip

Saludos y espero que les sea de utilidad

top
  • http://jorplane.googlepages.com/jorplay jorplane

    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 .*

    • http://jorplane.googlepages.com/jorplay jorplane

      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;)

  • Manuel

    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 !!!

    • http://www.tmeister.net Tmeister

      Listo, El link ha sido arreglado.

      Gracias por el aviso.

      Saludos! 8)

  • http://www.suitecommtest.com Santiago

    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

  • Hen

    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…

  • alan

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

  • http://www.porlaputa.com jstnno

    @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′,
    });
    });

Patrocinados

Archivos