在某些特定情况下,我遇到了Flexslider 2的问题.我正在使用它作为内容滑块.我需要的是让动画SLIDE而不是淡出,然后循环幻灯片.我有3张带有div内容的幻灯片,里面有更多列表来显示图库类型设置.我遇到的问题是,当我设置我需要的选项时,滑块首先显示最后一张幻灯片,然后滑动到幻灯片2,然后是3,然后是1.它不会显示第一张幻灯片作为第一张幻灯片.startAt参数无效.
当我将滑块设置为使用以下内容时,一切都很完美:
$(".flexslider").flexslider({
animation: "slide",
animationLoop: false
});
Run Code Online (Sandbox Code Playgroud)
如果我将其设置为:
$(".flexslider").flexslider({
animation: "fade",
animationLoop: true
});
Run Code Online (Sandbox Code Playgroud)
但是如果我将动画设置为幻灯片并循环为true,它将再次显示最后一张幻灯片,并且不会以正确的顺序显示幻灯片.我能做些什么吗?似乎是动画幻灯片和循环之间的冲突.
我需要以下代码才能工作,但它没有:
$(".flexslider").flexslider({
animation: "slide",
animationLoop: true
});
Run Code Online (Sandbox Code Playgroud)
没有任何控制台错误.有任何想法吗?
小智 2
从 jquery 中删除这些行。
method.uniqueID( slider.slides.first().clone().addClass('clone') ).appendTo( slider.container ); method.uniqueID( slider.slides.last().clone().addClass('clone') ).prependTo( slider.container ); }
这将解决这个问题。
| 归档时间: |
|
| 查看次数: |
17567 次 |
| 最近记录: |