如何使 jQuery.SerialScroll 的水平滚动条与滑块内容同步?
我在网页上使用 jquery SerialScroll 来滑动大约 20 张图像,它正在工作完全没问题。现在我想这样做:
因为它们有 20 个要滑动的图像,所以滚动条位于滑动图像下方(或者我可以说在滑动 div 的终点)和这个滚动条当图像滑动时自动更新,所以现在我希望如果用户单击该滚动条并手动滑动滑块并将滚动器保留在第 10 个图像上,那么它应该从第 10 个图像开始下一个滚动,然后继续滚动。
所以请告诉我或建议我该怎么做?
我认为可以通过检测用户是否单击滚动条并手动滚动来完成,然后我需要检测通过了多少图像,然后通过触发事件再次启动滚动。
但请给我一些代码方面的想法?
-谢谢
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 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 ?
-Thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
让我们来写我们自己的小连环卷轴吧!
还有...一个漂亮的图像滑块:
图库演示
Let's write our own tiny serial-scroll!
And ... a nice Image slider:
Gallery DEMO