i using wp , want make carousel here slide continously after last item instead of repating itself. there way that?
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
Post a Comment