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){>