【问题标题】:How to delay gifs from starting on page load?如何延迟 gif 从页面加载开始?
【发布时间】:2020-02-15 06:06:41
【问题描述】:

我有一个动画 gif,我想在它开始加载页面时延迟它。我想知道这是否可以做到?

例如,页面加载,我希望 gif 在经过 x 秒后开始。

谢谢!

【问题讨论】:

  • 不确定控制 Gif 的方法,但一个想法是创建一个仅包含第一帧的 Gif,然后在 x 秒后交换 Gif。
  • 有不同的方法可以做到这一点。您可以将延迟放入 gif 本身 - 或者 - 您可以拥有 gif 第一帧的图像,您有一个计时器可以显示该图像,无论您想要多长时间,然后在一段时间后或何时将其替换为动画 gif曾经有人在上面盘旋。这也意味着负载较重的 gif 可以在后台加载,而页面加载较小尺寸的图像,从而为您提供更好的页面加载

标签: javascript html css delay gif


【解决方案1】:

我知道这个问题是很久以前发布的,但是 您可以使用此网站在第一帧后延迟您的 gif:

https://ezgif.com/maker

【讨论】:

    【解决方案2】:

    您可以将显示属性从无切换为阻止。结合css动画延迟来触发你的延迟时间。希望这对你有用

    【讨论】:

      猜你喜欢
      • 2014-07-26
      • 1970-01-01
      • 2019-09-11
      • 2013-10-24
      • 1970-01-01
      • 2015-12-07
      • 1970-01-01
      • 2014-06-05
      • 2019-11-22
      相关资源
      最近更新 更多