Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Flexslider多滑块功能_Javascript_Jquery_Sliders - Fatal编程技术网

Javascript Flexslider多滑块功能

Javascript Flexslider多滑块功能,javascript,jquery,sliders,Javascript,Jquery,Sliders,有人知道我如何做到这一点吗: 我正在引用flexslider插件,您可以在此处查看该插件: 3个Flexslider容器- $(window).load(function () { $('#primary-slider').flexslider({ animation: 'slide', controlNav: false }); $('#secondary-slider').flexslider({ an

有人知道我如何做到这一点吗: 我正在引用flexslider插件,您可以在此处查看该插件:

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]

在初始化时,它们都已同步,非常完美

我希望有人能理解的挑战是,如果您在任何容器上单击/滑动下一个或上一个图像,那么其他两个容器上的图像应以相同的方式移动。因此,如果您在容器1上,并从1a.jpg滑动到2a.jpg,那么在容器2和3中也会发生相同的情况…从2a.jpg滑动到2b.jpg,分别滑动到第三个容器。同样,在任何一个容器上向后移动都会在其他两个容器上产生相同的效果。我觉得我想得太多了,有一双新眼睛的人会知道该怎么做

非常感谢您的帮助


Jono

我认为现在可以通过使用
sync
属性来实现这一点

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

这听起来像是你想要的:那太酷了,伙计!我将在这个周末把它挂上。( :