我的.gif动画没有在谷歌浏览器中显示？有什么想法吗？

Question

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没有问题。 想法是点击加载内容，如果需要时间来显示预加载器。

Answer 1

我认为问题是您使用javascript输出预加载图像。然后在加载网站时首先看到图像。

更好的方法是在没有javascript的情况下通过HTML直接在您的网站上输出图像。

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

如果加载了javascript并且所有内容都已准备好，请隐藏div。

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