jquery - Make OwlCarousel rotate image continously -


i using wp , want make carousel here slide continously after last item instead of repating itself. there way that?

enter image description here

you can check website here: http://desertcinema.com/#work

here's code under 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 elem $("#owl-demo")     function progressbar(elem){       $elem = elem;       //build progress bar elements       buildprogressbar();       //start counting       start();     }      //create div#progressbar , div#bar prepend $("#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 equal or greater 100         if(percenttime >= 100){           //slide next item            $elem.trigger('owl.next')         }       }     }      //pause while dragging      function pauseondragging(){       ispause = true;     }      //moved callback     function moved(){       //clear interval       cleartimeout(tick);       //start again       start();     } 

is there way make images rotate continuously?

add loop:true carousel options. more info in docs. change

  sync1.owlcarousel({     singleitem : true,     slidespeed : 1000,     transitionstyle : "fade",     navigation: false,     pagination:false,     afteraction : syncposition,     responsiverefreshrate : 200,       afterinit : progressbar,       aftermove : moved,       startdragging : pauseondragging   }); 

to

  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   }); 

Comments