暂停JS幻灯片幻灯片

Question

我试图玩弄一个JS插件，我就发现Codrops：

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

我到现在为止所尝试的基本上是在代码中放置断点以查看发生了什么，并且这是我得出的结论。

任何帮助找出问题的其余部分？

谢谢！

Answer 1

您可以使用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语句来代替。这样，当它没有执行某些操作时，它不会运行此功能