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向上滑動不起作用

回答

相關問題