Question

有谁知道我怎么做到这一点：我正在引用您可以在此处查看的flexslider插件：http://flex.madebymufffin.com/

3个Flexslider容器 -

$(window).load(function () {
        $('#primary-slider').flexslider({
         animation: 'slide',
         controlNav: false
     });
     $('#secondary-slider').flexslider({
         animation: 'slide',
         slideDirection: "vertical",
         controlNav: false,
         directionNav: false
    });
    $('#tertiary-slider').flexslider({
        animation: 'slide',
        controlNav: false,
        directionNav: false
    });
});

它们每个包含3个图像，总共9个不同的图像：[1a.jpg，1b.jpg，1c.jpg]，[2a.jpg，2b.jpg，2c.jpg]，[3a.jpg，3b。 jpg，3c.jpg]。

在初始化时，它们全部同步并且它是完美的。

我希望有人可以理解的挑战是，如果您在任何容器上单击/滑动下一个或上一个图像，图像应该以相同的方式在其他2个容器上移动。因此，如果你在容器1上并从1a.jpg刷到2a.jpg，在容器2和3中也应该发生同样的事情......从2a.jpg到2b.jpg，分别是第3个容器。同样，在任何容器上向后移动应该对其他2个容器产生相同的影响。我想我正在思考这个问题，有一双新鲜眼睛的人会知道该怎么做......

非常感谢任何帮助！

城野

Answer 1

我认为现在可以使用sync属性Flexslider 2来完成此操作。

sync: "",    //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.

Flexslider多滑动功能

1 个答案: