2014-01-17 274 views
0

我試圖玩弄一個JS插件,我就發現Codrops:暫停JS幻燈片幻燈片

http://tympanus.net/codrops/2013/04/17/background-slideshow/

我想X的圖像後拿到幻燈片自動停止。在我的情況下,2或3。從我瞭解的瑪麗·盧的代碼,該函數來確定暫停/播放/下一張幻燈片是在這裏:

function d(q) { 
    var p = g.eq(h); 
    console.log('abc'); 
    if (q === "next") { 
     h = h < n - 1 ? ++h : 0 
    } else { 
     if (q === "prev") { 
      h = h > 0 ? --h : n - 1 
     } 
    } 
    var o = g.eq(h); 
    p.css("opacity", 0); 
    o.css("opacity", 1) 
} 

這個js在這裏找到:

http://tympanus.net/Blueprints/BackgroundSlideshow/js/cbpBGSlideshow.js

我到現在爲止所嘗試的基本上是在代碼中放置斷點以查看發生了什麼,並且這是我得出的結論。

任何幫助找出問題的其餘部分?

謝謝!

+0

在X圖像或特定圖像之後停止嗎?如果用戶按下後退按鈕會怎麼樣? –

+0

不,在我的操場上,我已經從HTML代碼中刪除了三個播放,暫停和下一個按鈕。 – Newtt

+0

嘗試'if(h!== 3){p.css(「opacity」,0); o.css(「opacity」,1); }' –

回答

2

您可以使用if語句來避免使用.css命令。以下應停止對第三滑動

function d(q) { 
    var p = g.eq(h); 
    console.log('abc'); 
    if (q === "next") { 
     h = h < n - 1 ? ++h : 0 
    } else { 
     if (q === "prev") { 
      h = h > 0 ? --h : n - 1 
     } 
    } 
    var o = g.eq(h); 
    if(h !== 3) { 
     p.css("opacity", 0); 
     o.css("opacity", 1); 
    } 
} 

有了這個雖這麼說,我建議停止無論是發射該功能在if語句來代替。這樣,當它沒有執行某些操作時,它不會運行此功能