Question

我试图弄清楚Flexslider是否有可能同步Carousel和Slider并让他们使用轮播中的directionNav来控制两者。当您单击上一个和下一个箭头时，我希望它能够使旋转木马滑动和滑块滑动更改。我已经研究并在没有运气的情况下向Github询问了Flexslider。无论如何，这是我现在使用的脚本：

'<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        directionNav: true,
        animationLoop: false,
        slideshow: false,
        itemWidth: 150,
        itemMargin: 5,
        asNavFor: '#slider'
      });

      $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        directionNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#carousel",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>

感谢任何帮助。

Answer 1

兄弟，你真的必须使用Flexslider吗？ Cycle2看起来更好http://jquery.malsup.com/cycle2/

Answer 2

在http://flexslider.woothemes.com/thumbnail-slider.html有一个演示，展示了如何与轮播同步

同步Carousel和Slider以在Flexslider中使用相同的directionNav

2 个答案: