2012-04-27 82 views
0

我有一个网站,我正在使用flex滑块。我有一个导航,用户可以跳到幻灯片。FlexSlider - 重置幻灯片速度当跳转滑动

这是一个连续的传送带幻灯片放映。现在我的幻灯片速度设置为6000毫秒。

问题是这样的:当用户跳到一张新幻灯片时,幻灯片速度不会被重置。
例如:我们在第一张幻灯片上,经过了2000毫秒,用户单击滑动3.现在幻灯片3上只剩下4000毫秒。我想重置计时器以再次开始6000毫秒计数。

任何人都有一个好主意,如何做到这一点?也许这是不可能的?

回答

0

我有一个问题,客户可以在继续前确定每张幻灯片显示多长时间。我发现更改slider.slideshowSpeed确实会更改滑块中的slideshowSpeed属性,但它不会产生任何影响。

在研究flexSlider代码的非最小版本时,我发现在初始化滑块时设置的所有属性都放入名为vars的对象中,因此要更改暂停滑块所需的时间,请更改对于slideshowSpeed的VARS属性然后恢复滑块:

//暂停滑块

.slider.pause();

//改变任何变量在滑块

slider.vars.slideshowSpeed = parseInt函数(slider.slides.eq(slider.currentSlide).attr( “间歇”))* 1000;

//重新启动滑块

slider.resume();

其中slider.resume()再次初始化动画。

在上面的例子中,我在li上有一个名为“中场休息”的属性,其中包含一个数字,用于确定幻灯片的新速度,即x1000,因此以ms为单位。

关于你的问题,我想如果你暂停滑块然后再次恢复,滑块的时间应该重置。

slider.pause();

slider.resume();

给它一个去 - 我希望它适合你。

也许一些属性Getters和Setters在FlexSlider中很有用,但是我想不让他们在有变通方法(即使没有记录)可用时保持文件大小最小。

干杯, Jonathan