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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -