Flexslider - 导航 "one-by-one"- 单击箭头/一次滑动/一次按键 = 仅移动一张图像

Question

我正在为画廊项目使用 Flexslider，我想修改导航系统。 在按键/滑动/点击箭头时，显示的四张图片消失并由四张新图片代替。

是否可以修改导航行为以一张一张地移动图像？

非常感谢您的帮助!

Z.

Answer 1

你可能想使用属性move，它被定义为

//{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.

因此，您的代码将如下所示

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

当然还有你自定义的宽度等

Documentation