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 ^