2012-04-27 66 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