7

在某些特定情况下,我对Flexslider 2有疑问。我将它用作内容滑块。我需要的是让动画幻灯片而不是淡入淡出,然后循环播放幻灯片。我有 3 张幻灯片,其中包含 div 内容和更多列表,以显示画廊类型设置。我遇到的问题是,当我设置所需的选项时,滑块首先显示最后一张幻灯片,然后滑动到幻灯片 2、3、1。它不会将第一张幻灯片显示为第一张幻灯片. startAt 参数无效。

当我将滑块设置为使用以下内容时,一切正常:

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: false
});

如果我将其设置为:

$(".flexslider").flexslider({
    animation: "fade",
    animationLoop: true
});

但是,如果我将动画设置为幻灯片,并将循环设置为 true,它会再次首先显示最后一张幻灯片,并且不会以正确的顺序显示幻灯片。对此我能做些什么吗?似乎是动画幻灯片和循环之间的冲突。

我需要以下代码才能工作,但它不需要:

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: true
});

没有收到任何控制台错误。有任何想法吗?

4

2 回答 2

2

从 jquery 中删除这些行。

methods.uniqueID(slider.slides.first().clone().addClass('clone')).appendTo(slider.container); methods.uniqueID(slider.slides.last().clone().addClass('clone')).prependTo(slider.container); }

这将解决问题。

于 2014-05-01T09:45:59.810 回答
0

可能是缺少 html 代码。我需要以下代码才能工作

    $(window).load(function(){
       $('.flexslider').flexslider({
          animation: "slide",
          animationLoop: true,
          start: function(slider){
         }
       });
    });
于 2013-05-17T12:13:49.753 回答