如何将jQuery.SerialScroll的水平滚动条与滑块内容同步? [英] How to synchronize the horizontal scroll bar of jQuery.SerialScroll with the slider contents?

问题描述

我正在我的网页上使用jquery SerialScroll 滑动20张图像而且它的运行情况还不错.现在我要这样做:

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:

由于它们有20张要滑动的图像，所以滚动条位于滑动图像下方(或者我可以说在滑动div的终点)，并且此滚动器会随着图像滑动而自动更新，所以现在我希望如果用户单击该滚动条并手动滑动滑块，将滚动条停留在第10张图像上，然后它应从第10张图像开始下一次滚动，然后继续滚动.

As their are 20 images to slide so a scroll bar comes under the sliding images(or i can say at the end point of the sliding div) and this scroller automatically updates as images slides,so now i want that if a user click on that scroll bar and slide the slider manually and leave the scroller on 10th images then it should start it next scroll from the 10th images and then continue to scroll.

所以请告诉我或建议我该怎么做?

So please tell me or suggest me how can i do this?

我认为可以通过检测用户是否单击滚动条并手动滚动来完成，然后我需要检测传递了多少图像，然后通过触发事件再次开始滚动.

I think it can be done by detecting a if a user clicked on scroll bar and scroll manually then i need to detect how many images passed then start the scroll again by triggering an event.

但是请给我一些代码方面的想法?

But please give me some idea in terms of code ?

-谢谢

推荐答案

让我们编写自己的微型串行滚动条！
还有……一个不错的图像"滑块:

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

• 停在鼠标上输入
• 从mouseLeave重新启动
• 在手动滑动过程中，它控制着大部分可见的图像(屏幕上超过50％！)
• 从最可见的图像再次启动滑块

这篇关于如何将jQuery.SerialScroll的水平滚动条与滑块内容同步?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！