我希望同一页面上的两个Flexsliders以不同的速度运行

Question

我是Flexslider的新手。我有两个在一个页面，他们运行正常，但我想要更改一个“initDelay”或使他们有不同的slideshowSpeeds，因为它看起来很傻，他们都在同一时间更改。有没有办法做到这一点？

 <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> 

谢谢！

Answer 1

引用flexslider向下滚动并检查其选项，在那里你可以找到slideshowSpeed并使用该选项设置flexslider速度。

<强>脚本：

 $('#rightside .flexslider').flexslider({
        animation: "slide",
        slideshowSpeed: 5000
      });

$('#rightsidebot .flexslider').flexslider({
        animation: "slide",
        slideshowSpeed: 8000
      });