如何使 jQuery.SerialScroll 的水平滚动条与滑块内容同步?

发布于 2024-11-28 00:15:28 字数 428 浏览 0 评论 0原文

我在网页上使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

信仰 2024-12-05 00:15:29

让我们来写我们自己的小连环卷轴吧!

还有...一个漂亮的图像滑块:

  • 在 mouseEnter 上停止
  • 在 mouseLeave 上重新启动
  • 在手动滑动过程中,它控制主要可见的图像(屏幕上超过 50%!)
  • 从主要可见的图像再次启动滑块

图库演示

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文