【问题标题】:Gif hides before fully playedGif 在完全播放之前隐藏
【发布时间】:2016-03-26 11:39:26
【问题描述】:

我有一个全屏 .gif 动画,当用户访问主页时开始播放,然后淡出查看页面内容。问题是,取决于计算机及其互联网,存在延迟,有时动画在完全观看之前就隐藏了。

我正在使用下面的代码来隐藏根据持续时间(大约 10 秒)分配动画的 div。我不知道这是否可能,但我想在它完全播放/加载(不确定)之后隐藏它,而不是在特定时间之后。

$(".animation").delay(9500).fadeOut(400);

【问题讨论】:

    标签: javascript jquery animation gif fadeout


    【解决方案1】:

    尝试将代码放在单独的 JS 文件中(或更新当前文件并对其进行测试)然后...而不是使用 $(document).ready,而是使用 $(window).load

    窗口加载事件将在页面完全加载后执行,包括所有框架、对象、图像等。

    【讨论】:

    • 你好,布赖恩!谢谢你的小费。我注意到略有不同,但我想我用来淡出动画的方法不是最适合这种情况。在完全播放之前,我仍然有 gif 褪色。也许我需要确定动画的大小,以便更快地下载。
    • 好的。这是你在代码中写的吗? $( window ).load(function() { $(".animation").delay(9500).fadeOut(400); });
    • 可以,并且js作为外部文件
    猜你喜欢
    • 1970-01-01
    • 2011-04-27
    • 2014-03-07
    • 1970-01-01
    • 2013-08-16
    • 2021-11-14
    • 2015-01-31
    • 2012-11-22
    • 2021-05-28
    相关资源
    最近更新 更多