jQuery向上滑动不起作用

当用户在div内部单击时，我将滑动图片。这是不工作，只有幻灯片没有显示下一个图像。jQuery向上滑动不起作用

我也希望是最后点击图片时，它回到顶端向上滑动（或向下滑动回到第一个图像）

任何想法？

CSS：

#clickbox { 
width: 300px; 
height: 300px; 
overflow: hidden; 
}

HTML：

<div id="clickbox"> 
    <img src="http://socialmediaseo.net/wp-content/uploads/2010/05/500px-android-logosvg-300x300.png" width="300" height="300"> 
    <img src="http://www.backwoodshome.com/blogs/ClaireWolfe/wp-content/uploads/2011/09/CopBashingMedicalPatient-300x300.jpg" width="300" height="300"> 
    <img src="http://www.prieteni.ro/uploads/albumfoto/396711_353820_wy_s_300x300.gif" width="300" height="300"> 
    <img src="http://f1.pepst.com/c/EBF8DC/25835/ssc3/home/023/deepakjain/albums/face_13.1kb.jpg_480_480_0_64000_0_1_0.jpg" width="300" height="300">  
</div>

的jQuery：

$("#clickbox").on("click", function() { 
     $("#clickbox").slideUp(2000); 
    });

中的jsfiddle：

http://jsfiddle.net/9CpxX/

来源

2014-04-02 puaction

更换

$("#clickbox").slideUp(2000);

与

if ($(this).find("img:visible").length > 1) 
$(this).find("img:visible").first().slideUp(2000); 
else 
$(this).find("img:not(visible)").slideDown(2000);

编辑

把里面的div图像的每个然后做

if ($(this).find("div:visible").length > 1) 
$(this).find("div:visible").first().slideUp(2000); 
else 
$(this).find("div:not(visible)").slideDown(2000);

它看起来好了很多

来源

2014-04-02 12:26:53

jQuery向上滑动不起作用

回答

相关问题