0

有谁知道我如何做到这一点：我正在引用您可以在此处查看的 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 个容器上产生相同的效果。我想我想太多了，有一双新眼睛的人会确切地知道该怎么做......

任何帮助深表感谢！

城野

4

1 回答 1

1

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

sync: "",    //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
于 2012-09-14T19:04:28.223 回答