【问题标题】:Animate gif on scrolling.滚动时的动画 gif。
【发布时间】:2015-05-04 17:45:00
【问题描述】:

当用户向下滚动到他们的位置时,我有一些想要动画的 gif。 我正在用 jquery 更改 attr src

$(".lazy-load1 img").attr('src',"//pc-resources.xxx.xxxx.com/main/widgets/cms.Gifs/images/duplicate.gif")

这部分有效,因为它确实加载了图片,问题是它们没有在页面刷新时播放,它们只是第一次播放,或者如果我返回并点击浏览器的前按钮。我想这与缓存有关,我可以在每次刷新页面时强制它们播放。

【问题讨论】:

    标签: jquery gif


    【解决方案1】:

    尝试更改 setTimeout 函数中的 attr 并将动态版本添加到 gif 图像。添加动态版本将避免它缓存。

       setTimeout(function () {
                      $(".lazy-load1 img").attr('src',"//pc-resources.xxx.xxxx.com/main/widgets/cms.Gifs/images/duplicate.gif?version="+Math.random())
                    }, 25)
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-08-06
      • 2014-09-27
      • 2011-11-20
      • 2015-08-13
      • 1970-01-01
      • 1970-01-01
      • 2011-08-15
      • 1970-01-01
      相关资源
      最近更新 更多