滾動到循環模式中的下一個元素

Question

我想使用next和prev箭頭來切換圖像，並使用next（）來淡化下一個圖像，但是當沒有圖像時，它顯然不會從第一個圖像回收。如何使該代碼正常工作，並在到達該類的圖像元素結束後讓下一個按鈕進入第一個圖像。

我的代碼：

$('.nextImage').live('click',function(){ 
    $('.main-image .zoom:visible').fadeOut(800); 
    $('.main-image .zoom:visible').next().fadeIn(800); 
}); 

Answer 1

只是測試，如果有下一個元素，如果沒有，返回到開始。

$('.nextImage').on('click',function(){ // .live() is deprecated 
    var $img = $('.main-image .zoom:visible').last(), // just want one 
     $next = $img.next(); 
    if (0==$next.length) { 
     $next = $img.siblings().first(); 
    } 
    $img.fadeOut(800); 
    $next.fadeIn(800); 
}); 

http://jsfiddle.net/tAChA/