【问题标题】:Flexslider - animation: "slide", animationLoop: "true" - ConflictFlexslider - 动画:“幻灯片”,动画循环:“真” - 冲突
【发布时间】:2013-05-17 11:40:46
【问题描述】:

在某些特定情况下,我对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
});

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

【问题讨论】:

    标签: jquery flexslider


    【解决方案1】:

    从 jquery 中删除这些行。

    methods.uniqueID(slider.slides.first().clone().addClass('clone') ).appendTo(slider.container);方法.uniqueID( slider.slides.last().clone().addClass('clone') ).prependTo( 滑块.容器); }

    这将解决问题。

    【讨论】:

    • 我对 v.2.3 进行了同样的尝试,但它不起作用.. :-( slider.container.append(methods.uniqueID(slider.slides.first().clone().addClass( 'clone')).attr('aria-hidden', 'true')) .prepend(methods.uniqueID(slider.slides.last().clone().addClass('clone')).attr('aria -hidden', 'true')); 我试着评论这段代码。
    【解决方案2】:

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

        $(window).load(function(){
           $('.flexslider').flexslider({
              animation: "slide",
              animationLoop: true,
              start: function(slider){
             }
           });
        });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-10-30
      • 2014-04-09
      • 2012-05-12
      • 2018-07-10
      • 2014-02-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多