我试图让 flexslider 在一个方向上连续地在一个方向上循环。如果它到达循环中的最后一张图像,那么它应该再次从第一张图像开始。
我在 jsfiddle 上设置的示例有两个问题
一:我无法让它在 jsFiddle 上运行
二:动画在结束时打开,然后在另一个方向开始,而我只想在一个方向上从左到右移动。
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
easing: "linear",
useCSS: false,
randomize: false,
pauseOnHover: true,
slideshowSpeed: 12,
animationSpeed: 8000,
controlNav: false,
directionNav: false,
itemWidth: 210,
itemMargin: 5,
start: function(slider){
$('body').removeClass('loading');
}
});
最佳答案
第一期
您错过了收盘 )};
在脚本末尾,因此它无效,您必须将脚本部分设置为 No wrap - in <head>
在框架和扩展面板中。
对于第一张图片,您留下了完整路径 http://flexslider.woothemes.com/
第二期
可以使用 animationLoop: true
设置唯一的循环功能目前是唯一的解决方案。
这里在 github 中拉取了一个请求,以获得更流畅的动画和循环:https://github.com/woothemes/FlexSlider/issues/287
代码:
$(window).load(function () {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
easing: "linear",
useCSS: false,
randomize: false,
pauseOnHover: true,
slideshowSpeed: 12,
animationSpeed: 8000,
controlNav: false,
directionNav: false,
itemWidth: 210,
itemMargin: 5,
start: function (slider) {
$('body').removeClass('loading');
}
});
});
文档:https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties
关于javascript - flexslider 2 在一个方向上继续循环不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18307422/