如何将最后一个next（）元素返回到列表中的第一个元素？

Question

https://jsfiddle.net/2z9unx02/12/

我有一个灯箱画廊滚动通过图像。当我到达最后或开始时，它会冻结最后一张照片。我希望照片可以循环往任一方向。上一个或下一个。我怎样才能触发最后一个回到第一个，反之亦然？提前致谢。

$buttonLeft.click(function() { 
    var temp = $("li.active").parents("div.pic_wrapper").prev(); 
    var imageLocation = temp.find("a").attr("href"); 
    var captionText = temp.find("img").attr("alt");  
    updateImage(imageLocation, captionText); 
    $("li.active").removeClass("active"); 
    temp.find("li").addClass("active"); 
}); 

$buttonRight.click(function() { 
    var temp = $("li.active").parents("div.pic_wrapper").next(); 
    var imageLocation = temp.find("a").attr("href"); 
    var captionText = temp.find("img").attr("alt");  
    updateImage(imageLocation, captionText); 
    $("li.active").removeClass("active"); 
    temp.find("li").addClass("active"); 
}); 

Answer 1

在此之后：

var temp = $("li.active").parents("div.pic_wrapper").next(); 

..add如下：

temp = temp.length ? temp : $('li.active').parents('div.pic_wrapper').siblings().first();