Flexslider - 轮播图像没有像预期的那样滚动

Question

我有一个网站http://www.raggeddaisy.com，在那里我实现了Flexslider 实用程序。在我的默认页面上，滑块图像正在正确滚动，但是，下面的轮播图像没有与滑块图像一起滚动。随着 Slider 图像正确滚动，轮播似乎一次跳四张图像，即使它没有突出显示轮播中可见的图像之一。

在我的http://www.raggeddaisy.com/MagneticBoards.csthml 页面上复制了同一段代码（减去实际图像），并且滑块图像完美运行。

谁能帮我弄清楚为什么这两个页面的行为不同？

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

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

提前致谢。

Answer 1

尝试将 move 属性（滑块应移动的幻灯片数）添加到轮播中，如下所示。

$('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: true,
    slideshow: true,
    itemWidth: 100,
    itemMargin: 0,
    asNavFor: '#slider',
    move: 1 // ADDED
});