Flexslider - “逐个”导航 - 单击箭头/一次滑动/一次按键=仅移动一个图像

时间:2013-09-25 07:32:38

标签: flexslider

我正在使用Flexslider进行图库项目,我想修改导航系统。 在按键/滑动/单击箭头时,显示的四个图像消失,并被四个新图像替换。

是否可以修改导航的行为以逐个移动图像?

非常感谢你的帮助!

Ž。

1 个答案:

答案 0 :(得分:3)

您可能希望使用属性move,其定义为

  

// {NEW}整数:应该移动的轮播项目数   动画。如果为0,滑块将移动所有可见项目。

所以,你的代码看起来像这样

$(window).load(function() {
    $('.slidewidget1').flexslider({
         animation: "slide",
        animationLoop: true,
        itemWidth: 210,
        controlNav: false,
        itemMargin: 0,
        slideshow: false,
        move: 1,
        minItems = 4,
        maxItems = 4
    });  
});

加上,当然还有你的宽度定制等。

Documentation