我正在尝试使用我在Codrops上找到的JS插件:
http://tympanus.net/codrops/2013/04/17/background-slideshow/
我正试图让幻灯片显示在X图像后自动停止。在我的情况下2或3.根据我对Mary Lou的代码的理解,确定暂停/播放/下一张幻灯片的功能在这里:
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 :(得分: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语句中触发该函数的任何内容。这样,当它没有做某事时它没有运行这个功能