Slider vertical en jquery

Hace unos dias estuve trabajando en un slider vertical y pues pensé que tal vez a alguien le podría interesar, entonces mejor lo comparto :). Espero lo disfruten y me cuenten como les funciona. El slider por defecto vá rotando solo. Al ubicarse sobre el, se detiene para que el contenido pueda ser leido y las flechas de control puedan usarse. Al retirar el mouse, el slider empieza de nuevo a rotar. Para realizar el efecto del movimiento infinito, el primer y el último módulo deben ser el mismo. Ver slider vertical

6 Comentarios para “Slider vertical en jquery”

  1. checho dice:
    Sin Gravatar

    esta bastante bueno, pero se le pueden hacer mejoras, como la parte de que el primer y el ultimo modulo deben ser igual, y revisar los timeouts para que no suceda lo mismo que con la mayoria de los sliders que al hacer varios clicks seguidos en una de las flechas, se traba o sale un modulo en blanco

  2. coyr dice:
    Sin Gravatar

    Gracias, si lo del primer y el último módulo es solo para hacer el efecto de movimiento entre último elemento y el primero. No se me ocurrio otra forma, dices es como replicar este elemento de manera dinamica cierto?

    Si estaba pensando lo de los clicks, no debería suceder. La función solo debería ejecutarse cuando allá terminado de realizar el movimiento, o qué cuando se esté ejecutando la función se desactive el click… puede ser.

    Estoy definiendo dos veces las variables, una dentro de la función y otra por fuera. Hay alguna forma de optimizar esto?

  3. matiasjajaja dice:
    Sin Gravatar

    hola,

    Me gusta !

    Por mi parte yo trabajaría las sombras, creo que el lado izquierdo debería también de tener la misma lógica para la sombra. Lo que pintas en este momento no es una sombra “real” o que crearía una fuente de luz.

  4. andresmaro dice:
    Sin Gravatar

    Buena implementación del jQuery ;), no vi el .js pero para hacerlo mas para dummies podría tener algunas variables modificables desde el contexto. Pues como para que sea mas fácil para nosotros los perezosos xD. Saluts

  5. Zypher dice:
    Sin Gravatar

    Muchísimas gracias por el ejemplo !, estaba buscando algo así, y los que había visto hasta ahora no me convencían.

    Deberías publicarlo en http://ajaxrain.com (previo a que lo documentes un poco y lo conviertas en una API

  6. coyr dice:
    Sin Gravatar

    Gracias!, acabo de actualizarlo porque había puesto unas propiedades que cambiaban el funcionamiento en ie. Además por ahora creo que no funciona para un sitio que contenta mucho contenido. La función moverSlider se llama a si misma y puede recargar el navegador. Debo revisar la forma en que se comporta.

Deja un mensaje