Jquery如何使用两个滑块加载flexslider并同时滑动?

时间:2013-10-07 03:40:59

标签: jquery flexslider

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>
即使他们有相同的幻灯片速度,他们也不会同时滑动。

0 个答案:

没有答案