【问题标题】:Only play gif file if it is in the screen view仅在屏幕视图中播放 gif 文件
【发布时间】:2015-05-10 03:55:28
【问题描述】:

如果使用 JQuery 或 Javascript 在屏幕视图中播放 .gif,有没有办法只播放它?我的页面上有很多 .gif 文件,这导致了延迟(不,我不能只删除它们)

【问题讨论】:

  • 您可以在滚动时检查网页的该部分是否已显示,当显示时,加载图像源。
  • 这可能很有趣:github.com/buzzfeed/libgif-js
  • 对于那些不明白他问什么的人,9gag 就是一个例子:)

标签: javascript jquery gif


【解决方案1】:

你可以使用像https://github.com/darthrubens/gifplayer 这样的插件加上https://github.com/customd/jquery-visible

在您的网站上为每个 gif 放置一个静态图像,因为每个元素在视口中变得可见,将静态图像交换为 gif 并播放它。当它离开视口时,停止 gif 播放并再次将其替换为静态图像。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-11-11
    • 2019-06-12
    • 2012-07-10
    • 1970-01-01
    • 2012-09-30
    • 1970-01-01
    • 1970-01-01
    • 2020-11-21
    相关资源
    最近更新 更多