Flexslider 多滑块功能

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，并分别用于第三个容器。同样，在任何容器上倒退应该在其他 2 个容器上产生相同的效果。我想我想太多了，有眼光的人会确切地知道该怎么做......

非常感谢任何帮助！

乔诺

Answer 1

我认为这现在可以通过 Flexslider 2 使用 sync 属性来完成。

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