Jquery 使OwlCarousel连续旋转图像

我使用可湿性粉剂，我想让我的旋转木马在最后一个项目后继续滑动，而不是重新绘制自己。有办法吗

您可以在此处查看网站：

这是我在carousel.js下的代码

$(document).ready(function() {

  var sync1 = $("#sync3");
  var sync2 = $("#sync4");

  sync1.owlCarousel({
    singleItem : true,
    slideSpeed : 1000,
    transitionStyle : "fade",
    navigation: false,
    pagination:false,
    afterAction : syncPosition,
    responsiveRefreshRate : 200,
      afterInit : progressBar,
      afterMove : moved,
      startDragging : pauseOnDragging
  });


  var time = 5; // time in seconds

  var $progressBar,
      $bar, 
      $elem, 
      isPause, 
      tick,
      percentTime;


    //Init progressBar where elem is $("#owl-demo")
    function progressBar(elem){
      $elem = elem;
      //build progress bar elements
      buildProgressBar();
      //start counting
      start();
    }

    //create div#progressBar and div#bar then prepend to $("#owl-demo")
    function buildProgressBar(){
      $progressBar = $("<div>",{
        id:"progressBar"
      });
      $bar = $("<div>",{
        id:"bar"
      });
      $progressBar.append($bar).prependTo($elem);
    }

    function start() {
      //reset timer
      percentTime = 0;
      isPause = false;
      //run interval every 0.01 second
      tick = setInterval(interval, 10);
    };

    function interval() {
      if(isPause === false){
        percentTime += 1 / time;
        $bar.css({
           width: percentTime+"%"
         });
        //if percentTime is equal or greater than 100
        if(percentTime >= 100){
          //slide to next item 
          $elem.trigger('owl.next')
        }
      }
    }

    //pause while dragging 
    function pauseOnDragging(){
      isPause = true;
    }

    //moved callback
    function moved(){
      //clear interval
      clearTimeout(tick);
      //start again
      start();
    }

$（文档）.ready（函数（）{
var sync1=$（“#sync3”）；
var sync2=$（“#sync4”）；
sync1.1旋转木马({
单项：对，
幻灯片速度：1000，
过渡风格：“褪色”，
导航：错误，
分页：false，
后遗症：同步定位，
响应速度：200，
afterInit:progressBar，
后移:移动,，
开始拖动：暂停拖动
});
var time=5；//以秒为单位的时间
var$progressBar，
$bar，
$elem，
因为，
打上钩
百分比时间；
//Init progressBar，其中元素为$（“#owl demo”）
功能进度条（elem）{
$elem=elem；
//构建进度条元素
buildProgressBar（）；
//开始计算
start（）；
}
//创建div#progressBar和div#bar，然后将其前置到$（“#owl demo”）
函数buildProgressBar（）{
$progressBar=$（“”{
id:“进度条”
});
$bar=$（“”{
id:“酒吧”
});
$progressBar.append（$bar）.prependTo（$elem）；
}
函数start（）{
//重置计时器
百分比时间=0；
isPause=false；
//每0.01秒运行一次间隔
勾选=设置间隔（间隔，10）；
};
函数间隔（）{
如果（i暂停===错误）{
百分比时间+=1/次；
$bar.css({
宽度：百分比时间+“%”
});
//如果百分比时间等于或大于100
如果（百分比时间>=100）{
//滑到下一项
$elem.trigger（'owl.next'）
}
}
}
//拖动时暂停
函数pauseonDraging（）{
isPause=true；
}
//移动回调
函数移动（）{
//净间隔
清除超时（滴答声）；
//重新开始
start（）；
}

---

是否有办法使图像连续旋转？

将

循环：true

添加到旋转木马选项。更改

到

---

已尝试，但在最后一项之后仍重复并向后滑动：

循环

可从

owlCarousel的v2获得。请从更新您的版本
  sync1.owlCarousel({
    singleItem : true,
    slideSpeed : 1000,
    transitionStyle : "fade",
    navigation: false,
    pagination:false,
    afterAction : syncPosition,
    responsiveRefreshRate : 200,
      afterInit : progressBar,
      afterMove : moved,
      startDragging : pauseOnDragging
  });

  sync1.owlCarousel({
    singleItem : true,
    slideSpeed : 1000,
    transitionStyle : "fade",
    navigation: false,
    pagination:false,
    afterAction : syncPosition,
    responsiveRefreshRate : 200,
      afterInit : progressBar,
      afterMove : moved,
      startDragging : pauseOnDragging,
    loop: true //added loop
  });