• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Enrique Chavez

Professional WordPress Development

  • Home
  • Blog
  • Contact Me
  • Hire Me

EasySlider con multiples sliders para jQuery

CSS & [X]html, featured, jQuery · Apr 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://tmeister.dev/easy/

Descarga

[drain file 9 show dTemplate]

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

Saludos y espero que les sea de utilidad

Related

Filed Under: CSS & [X]html, featured, jQuery Tagged With: css, easyslider, html, jQuery

Enrique Chavez

Senior Full Stack WordPress developer & WordPress Enthusiast -
Spend my days building cool stuff with WordPress.

Reader Interactions

Comments

  1. jorplane says

    May 4, 2009 at 12:05 pm

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

    Reply
    • jorplane says

      May 4, 2009 at 1:16 pm

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

      Reply
  2. Manuel says

    May 29, 2009 at 1:04 pm

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

    Reply
    • Tmeister says

      Jun 6, 2009 at 6:16 pm

      Listo, El link ha sido arreglado.

      Gracias por el aviso.

      Saludos! 8)

      Reply
  3. Santiago says

    Jul 11, 2009 at 3:06 pm

    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

    Reply
  4. Hen says

    Aug 13, 2009 at 5:33 pm

    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…

    Reply
  5. alan says

    Sep 5, 2009 at 7:53 am

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

    Reply
  6. jstnno says

    Oct 8, 2009 at 2:38 am

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

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

SUBSCRIBE FOR UPDATES

Like what you’ve read? If you're interested in my email, sign up here. No spam I promise!

My WordPress Plugins

  • JWT for WP REST API
  • WP Simple Mail Sender
  • Idea Factory

My SideProjects

  • WordPress Plugin Boilerplate Generator

My Profiles

  • WordPress
  • GitHub
  • Linkedin

Additional Info

  • Blog
  • Hire Me
  • Contact Me

© 2021 Enrique Chavez