JS 轮播缩略图位置如何调整？

下面是我找的 JS 轮播图插件，点左箭头滑动到第一张缩略图时，后面是空白的，如何让它循环起来呢，应该如何解决？前端新手，请指教，感激不尽

以下是代码：

 var thumbNum=$("#ProductThumbs .Product_Thumbs").length; var thumbActive=$("#ProductThumbs .active-thumb").parent("li").index(); $("#ProductThumbs").css('width', thumbNum * 90 + 'px'); $("#ProductThumbs").css('left', '-' + thumbActive * 0 + 'px'); $('body').on('click', '#prev_btn2', function () { if(thumbActive<thumbnum-1){ $("#productthumbs").css('left',="" '0px');="" (thumbactive="" if="" thumbactive="0;" thumbactive++;="" }="" }else{=""> 4) { $("#ProductThumbs").css('left', '-' + (thumbActive - 4) * 90 + 'px'); } $("#ProductThumbs .Product_Thumbs").eq(thumbActive).find(".product-single__thumb").click(); }); $('body').on('click', '#prev_btn1', function () { if(thumbActive>0){ thumbActive--; }else{ thumbActive=thumbNum-1; } if (thumbActive === 0) { $("#ProductThumbs").css('left', '0px'); } else { $("#ProductThumbs").css('left', '-' + thumbActive * 90 + 'px'); } $("#ProductThumbs .Product_Thumbs").eq(thumbActive).find(".product-single__thumb").click(); }); });</thumbnum-1){>