0

Jquery如何加载带有两个滑块并同时滑动的flexslider？jQuery

<script type="text/javascript">
          $(window).load(function(){
            $('#banner').css("visibility", "visible");
            $('#banner').flexslider({
              animation: "fade",
              pauseOnHover: true,
              controlNav: false, 
              slideshowSpeed: 3000,   
              directionNav: false,
              slideshow: true
            });
            $('#tag').css("visibility", "visible");
            $('#tag').flexslider({
              animation: "fade",
              pauseOnHover: true,
              controlNav: false, 
              slideshowSpeed: 3000,   
              directionNav: false,
              slideshow: true
            });
          });
        </script>

我的 HTML

<div id="banner">
     <ul class="slides">
       <li><img src="assets/images/banner.jpg" alt=""></li>
       <li><img src="assets/images/banner2.jpg" alt=""></li>
       <li><img src="assets/images/banner3.jpg" alt=""></li>
       <li><img src="assets/images/banner4.jpg" alt=""></li>
     </ul>
       </div>
<div id="tag">
    <ul class="slides">
      <li><img src="assets/images/big_image.jpg" alt="" ></li>
      <li><img src="assets/images/big_image2.jpg" alt=""></li>
      <li><img src="assets/images/big_image3.jpg" alt=""></li>
      <li><img src="assets/images/big_image4.jpg" alt=""></li>
     </ul>
</div>

即使它们具有相同的幻灯片速度，它们也不会同时滑动。

4

0 回答 0