jquery - I want two Flexsliders on the same page to run at different speeds -
i'm new flexslider. have 2 on 1 page, , running fine, either change "initdelay" of 1 or make them have different slideshowspeeds, because looks goofy both change @ exact same time. there way that?
<div id="rightside"> <div class="flexslider"> <ul class="slides"> <li> <img src="images/1.jpg" /> </li> <li> <img src="images/2.jpg" /> </li> <li> <img src="images/3.jpg" /> </li> </ul> </div> </div> <div id="rightsidebot"> <div class="flexslider"> <ul class="slides"> <li> <img src="images/4.jpg" /> </li> <li> <img src="images/5.jpg" /> </li> <li> <img src="images/6.jpg" /> </li> </ul> </div> </div>
thanks!
reference flexslider scroll down , check option, in there can find slideshowspeed
, using option can set flexslider speed.
script:
$('#rightside .flexslider').flexslider({ animation: "slide", slideshowspeed: 5000 }); $('#rightsidebot .flexslider').flexslider({ animation: "slide", slideshowspeed: 8000 });
Comments
Post a Comment