2013-01-18 68 views
1

我對JS很新,我開始玩'AnythingSlider'JavaScript。AnithingSlider - 如何將幻燈片更改爲「不停止」滑動?

我面臨的一個問題是,我希望幻燈片能夠按照「不間斷」的順序顯示,例如,我希望幻燈片能夠不斷移動。

我嘗試過在'.js'文件中'Times'設置,但我無法達到預期的效果。

// Times 
    delay    : 3000,  // How long between slideshow transitions in AutoPlay mode (in milliseconds) 
    resumeDelay   : 15000,  // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds). 
    animationTime  : 600,  // How long the slideshow transition takes (in milliseconds) 
    delayBeforeAnimate : 0,   // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show). 

有什麼建議嗎?

回答

1

嘗試這些選項(demo):

$('#slider').anythingSlider({ 

    // If true, builds the forwards and backwards buttons 
    buildArrows: false, 
    // If true, builds a list of anchor links to link to each panel 
    buildNavigation: false, 
    // If true, builds the start/stop button 
    buildStartStop: false, 

    // if false, keyboard arrow keys will not work for this slider. 
    enableKeyboard: false, 

    // If true, the slideshow will start running; replaces "startStopped" option 
    autoPlay: true, 
    // If true, user changing slides will not stop the slideshow 
    autoPlayLocked: true, 

    // If true & the slideshow is active, the slideshow will pause on hover 
    pauseOnHover: false 

}); 
  • 注意,這些選項是唯一是從默認設置不同。我留在演示中的所有選項,以便您可以播放:)
  • 如果我完全誤解了你,並且你的意思是讓滑塊不斷滑動,那麼請注意,幻燈片之間總會有一個非常短暫的停頓;如果這是不可接受的,那麼你可能需要找到另一個插件。對不起=(...試試這些額外的設置(updated demo):

    delay: 100, 
    resumeDelay: 15000, 
    animationTime: 3000, 
    delayBeforeAnimate: 0 
    
+0

謝謝你,本來我是想用auotPlay效果:真實,&autoPlayLocked:真實的,但無法實現不停的效果。每當我點擊一些其他窗口或執行一些直接移動到一個特定的幻燈片..滑塊停止//感謝您的答案。 – Raghav