Javascript Flexslider多滑块功能
有人知道我如何做到这一点吗: 我正在引用flexslider插件,您可以在此处查看该插件: 3个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
$(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.
这听起来像是你想要的:那太酷了,伙计!我将在这个周末把它挂上。( :