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

Question

我想弄清楚是否可以在 Flexslider 中同步 Carousel 和 Slider 并让它们使用 carousel 中的 directionNav 来控制两者。当您单击上一个和下一个箭头时，我希望它使轮播幻灯片和 slider 幻灯片发生变化。我已经在 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/