我有两个柔性滑块在我的页面。一种是无限循环,另一种则不是。奇怪的是,另一个没有,而另一个却正常工作。
即使我已经将animationLoop true添加到另一个滑块中,它仍然不会无限循环。这是我有两个柔性滑块的页面。
http://robinsons.jehzlau.net/
上面的那个是无限的循环,但下面的那个不是。我很好奇为什么它不会无限循环。
这是上面滑块的代码。这是一个无限循环的方法:
<script type="text/javascript">
$jq(window).load(function(){
$jq('.ma-banner7-container .flexslider').flexslider({
slideshow: true,
animation: "slide",
slideshowSpeed: 5000,
animationSpeed: 600,
controlNav: false,
start: function(slider){
$jq('.ma-loading').css("display","none");
//$jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px");
},
before: function(){
$jq('.banner7-title, .banner7-des').css("left","-550px");
$jq('.banner7-readmore').css("left","-1500px");
},
after: function(){
$jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px")
}
});
});
</script>
下面是我想无限循环的滑块代码,但它不是。
<script type="text/javascript">// <![CDATA[
$jq(window).load(function(){
$jq('.signSlider').flexslider({
animation: "slide",
animationLoop: true,
controlNav: false,
itemWidth: 270,
itemMargin: 5,
slideshow: false
});
});
// ]]></script>
我注意到的是,无限循环的柔性滑块没有动画循环: true。所以我删除了第二个滑块代码中的动画循环,但是它不会无限循环。:(
实际上,它类似于这个已经发布的问题:Flexslider infinite loop is not working
来自jquery专家的任何帮助都将是非常感谢的。O_O
发布于 2014-12-10 17:45:11
我想我可能在这里找到了一个问题:https://github.com/woothemes/FlexSlider/issues/287
无限圆循环尚未在Flexslider中实现。糟糕的是,它毕竟不是最好的响应滑块。:(
https://stackoverflow.com/questions/27407336
复制相似问题