我创建了一个脚本来创建此“幻灯片”:http : //jsfiddle.net/LWBJG/2/
但是如果我在第一张幻灯片上按下“上一页”,就无法返回上一张幻灯片
我尝试使用最后一个选择器,但没有成功
我还尝试过像这样直接重置计数:
if(count==1){
count=2;
$(".slideshow :nth-child("+count+")").fadeIn();
}
我已经坚持了两天,我试图了解我做错了什么!
我剩下要做的就是,如果我在第一张幻灯片上“站立”时按了“上一个”,则转到最后一张幻灯片
首先,您需要隐藏.slideshow img
页面首次加载时未显示的所有其他元素。您可以通过多种方式执行此操作,但这是一个示例:
$(".slideshow img:not(:nth-child(" + count + "))").hide();
接下来,您需要在转到上一张幻灯片时隐藏当前显示的幻灯片:
$(".slideshow :nth-child(" + count + ")").fadeOut();
最后,您需要将计数设置为.slideshow img
转到最后一张图像时的元素数:
count = $(".slideshow img").length;
这是一个工作示例:http : //jsfiddle.net/LWBJG/22/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句