【问题标题】:Flexslider ignores animationLoop: TrueFlexslider 忽略动画循环:真
【发布时间】:2014-04-09 20:25:14
【问题描述】:

所以我有一个用 Flexslider 2 制作的滑块

在我更改的 flexslider 的 Javascript 文件中:

animationLoop: true, 

我的滑块初始化如下所示:

$(window).load(function(){
 $('#flexslider').flexslider({
    animation: "slide",
    animationLoop: true,
    itemWidth: 155,
    itemMargin: 5,
    pausePlay: true,
    minItems: 6,
    start: function(slider){
      $('body').removeClass('loading');
    }
  });
});

而且我的滑块不会循环播放,当您到达最后一张幻灯片/第一张时,如果您点击下一张幻灯片,它将回退到第一张/最后一张帖子而不制作该动画循环,因此它似乎是一个继续字符串图片。

有什么办法可以解决吗?

【问题讨论】:

  • 您能否提供一个指向测试站点或 JSFiddle 的链接?
  • 对不起不能给出链接,我不知道为什么需要一个JSFiddle,因为它有所有的javascript,不要认为一个html命令可以修改animationLoop
  • 控制台有错误吗?
  • 似乎与report on github有关。设置同步和动画循环时也会发生同样的情况。

标签: javascript css flexslider


【解决方案1】:

将动画循环设置回false并将animation更改为fade

这样你在不滑动的情况下仍然会有同样的感觉。

【讨论】:

  • 这是一个轮播,如果你把动画循环设为 false,这只会显示一个项目而不是全部,另外我不希望动画“淡出”,我需要“幻灯片”
  • 那么你有一个问题,因为你认为作者为什么专门禁用了演示页面中的animationLoop 设置。该设置一直存在问题,尚未修复。
  • 如果您需要的是连续的图片串,那么this 可能会帮助您。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-07
  • 1970-01-01
  • 1970-01-01
  • 2017-04-26
  • 2016-09-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多