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

时间:2011-08-06 10:17:22

标签: javascript jquery scroll slider

我在我的网页上使用jquery SerialScroll来滑动大约20张图像,它的工作非常好。现在我想这样做:

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

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

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

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

-Thanks

1 个答案:

答案 0 :(得分:1)

让我们编写自己的小型序列卷轴!
并且...一个漂亮的图像滑块:

  • 停止使用mouseEnter
  • 重新启动mouseLeave
  • 在手动滑动期间,它控制图像大部分可见(屏幕上超过50%!)
  • 从大部分可见图像再次启动滑块

Gallery DEMO