Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.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_Web_Flexslider - Fatal编程技术网

Javascript Flexslider无限循环

Javascript Flexslider无限循环,javascript,web,flexslider,Javascript,Web,Flexslider,需要修复主页滑块,这样它就不会在最后飞回所有幻灯片。需要是一个无缝的循环。但我不知道我做错了什么。例如: jQuery(window).load(函数(){ jQuery(“#旋转木马”).flexslider({ 动画:“幻灯片”, 控制导航:错误, animationLoop:false, 幻灯片:没错, 项目宽度:187, 项目边际:0, asNavFor:“#滑块” }); jQuery(“#slider”).flexslider({ 动画:“幻灯片”, 控制导航:错误, animat

需要修复主页滑块,这样它就不会在最后飞回所有幻灯片。需要是一个无缝的循环。但我不知道我做错了什么。例如:


jQuery(window).load(函数(){
jQuery(“#旋转木马”).flexslider({
动画:“幻灯片”,
控制导航:错误,
animationLoop:false,
幻灯片:没错,
项目宽度:187,
项目边际:0,
asNavFor:“#滑块”
});
jQuery(“#slider”).flexslider({
动画:“幻灯片”,
控制导航:错误,
animationLoop:true,
slideshow:true,//布尔值:自动设置滑块动画
幻灯片速度:,
幻灯片放映:错误,
同步:“旋转木马”,
开始:功能(滑块){
jQuery('body').removeClass('loading');
}
});
});

动画循环
设置为
,而不是
我刚刚进行了同样的辩论。animationLoop:真的对我来说还不够。。。我在这里读到了关于这个问题的帖子:

根据本线程中的建议,我最终转换为bxSlider:

这不仅完美地实现了无限循环,而且它的大小模型看起来更直观;我能够更容易地将其与网格对齐。如果你想到:

[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
(其中mgn=保证金)

然后在flexslider中,如果我调整项目宽度和边距,使滑块完全对齐:

[       page width            ]
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
然后,当我滚动到右侧边缘时,仍然有一个“幻影幻灯片”潜伏在右侧边缘,即后缘:

                                    [       page width            ]
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
                                                         ghost slide ^

bxSlider很好地解释了这一点。

也这样做了,底部的导航被卡住了。是的,这很奇怪。。似乎同步现在已关闭。。快速解决方案是将
animationLoop
设置回
false
,并将
animation
更改为
fade
。。这样,图像将交叉淡入淡出,并在不滑动的情况下提供无缝的感觉。。我会进一步研究这个问题以找到一个解决方案。还发现,当同步和动画循环都设置好时,用户也会经历同样的事情。谢谢,我现在就试试。太棒了!总有解决办法。我很高兴你成功了。看起来也不错。很好的工作在整个网站设计顺便说一句。
                                    [       page width            ]
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
                                                         ghost slide ^