0

我试图弄清楚是否可以在 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>

任何帮助表示赞赏。

4

2 回答 2

1

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

于 2013-05-07T23:46:53.253 回答
0

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

于 2013-08-17T05:57:32.017 回答