javascript-如何使用fadeIn()过渡到最后一张幻灯片

我创建了一个脚本以创建此“幻灯片”：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/