文章/答案/技术大牛

发布

社区首页 >问答首页 >我的.gif动画不能在谷歌浏览器中显示？你知道为什么吗？

问我的.gif动画不能在谷歌浏览器中显示？你知道为什么吗？
EN

Stack Overflow用户

提问于 2013-09-25 19:01:42

回答 1查看 834关注 0票数 2

var loadUrl = "winners.php";
var ajax_load = '<div class="preloaders"><img src="img/preloader.gif" alt="Loadig..."></div>';

$(".page").click(function(){
    $(".main").html(ajax_load).load(loadUrl);
});

我想在网页中显示我的.gif动画，但在Google Chrome中不起作用。使用Firefox是没有问题的。这个想法是点击加载内容，如果需要时间来显示预加载器。

jquery

html

css

google-chrome

animated-gif

回答 1

Stack Overflow用户

发布于 2013-09-25 19:05:24

我认为问题在于你用javascript输出预加载的图像。然后，当站点加载时，您首先会看到图像。

一个更好的方法是不使用javascript，直接通过HTML在你的网站上输出图片。

<div id="preloaders" style="display: block;"><img src="img/preloader.gif" alt="Loadig..."></div>

如果javascript已加载，并且所有内容都已准备就绪，则隐藏div。

$('#preloaders').hide();

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19003142

复制

相似问题

问我的.gif动画不能在谷歌浏览器中显示？你知道为什么吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的.gif动画不能在谷歌浏览器中显示？你知道为什么吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的.gif动画不能在谷歌浏览器中显示？你知道为什么吗？
EN