Skip to content Skip to sidebar Skip to footer
Home / Javascript / Jquery / Scroll / Slider

How To Synchronize The Horizontal Scroll Bar Of Jquery.serialscroll With The Slider Contents?

Post a Comment
I am using jquery SerialScroll on my web page to slide around 20 images and it's working perfectly fine.Now i want to do this: As their are 20 images to slide so a scroll bar comes

Solution 1:

Let's write our own tiny serial-scroll!
And ... a nice Image slider:

  • Stop on mouseEnter
  • Restart on mouseLeave
  • During manual slide it controls the image mostly visible (more than 50% on screen!)
  • Start slider again from the mostly visible image

Gallery DEMO


Post a Comment for "How To Synchronize The Horizontal Scroll Bar Of Jquery.serialscroll With The Slider Contents?"