Question

我有一个网站http://www.raggeddaisy.com，我已经实现了Flexslider实用程序。在我的默认页面上，滑块图像正确滚动，但是，下面的Carousel图像不会与Slider图像一起滚动。当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

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

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

Flexslider - Carousel图像不会像预期的那样滚动

1 个答案: