Jquery 将“下一个上一个”按钮添加到此缩略图库

请帮我启用“下一步”、“上一步”按钮以及缩略图。缩略图点击效果很好。我想让导航箭头与缩略图一起工作。谢谢大家

您可以在下面看到它的工作方式，只需按照现在的方式启用导航箭头

我不想更改当前的div结构，因为此模板已经实现

//产品图像库
$（“.thumbLink”）。单击（函数（事件）{
var image=$（this.attr（“rel”）；
$（“.thumbLink”）.removeClass（'active'）；
$（此）.addClass（“活动”）；
$（'.main pimage'）.hide（）；
$（'main pimage'）.fadeIn（'slow'）；
$（'.main pimage'）.html（''）；
返回false；
});

上
下一个
试试下面的例子


$（“.thumbLink”）。单击（函数（事件）{
var image=$（this.attr（“rel”）；
$（“.thumbLink”）.removeClass（'active'）；
$（此）.addClass（“活动”）；
$（'.main pimage'）.hide（）；
$（'main pimage'）.fadeIn（'slow'）；
$（'.main pimage'）.html（''）；
返回false；
});
$（“#下一步”）。单击（函数（）{
$（'.thumbLink.active'）。父项（'.tsack'）。下一个（'div'）。查找（$（'.thumbLink'））。触发器（'click'））
});
$（“#prev”）。单击（函数（）{
$（'.thumbLink.active'）。父项（'.tsack'）。上一个（'div'）。查找（$（'.thumbLink'））。触发器（'click'））
});

上
下一个
您可以使用jQuery查找下一个/上一个缩略图

$("#next").click(function(event) {        
    $(".thumbLink.active").parent().next().find(".thumbLink").trigger('click');
});

$("#prev").click(function(event) {        
    $(".thumbLink.active").parent().prev().find(".thumbLink").trigger('click');
});

请展示您在上一次/下一次工作中所做的努力。非常感谢，我们将不胜感激。我只是想知道，当在最后一张图片上再次单击并从第一张图片开始，当在第一张图片上单击prev以从最后一张图片开始时，这是否会像一个循环。谢谢PPL，非常感谢您的回答。