javascript - 预加载图像在 Chrome 中不起作用

Question

我正在尝试在预加载时加载图像。它适用于 IE 和 Firefox，但不适用于 Chrome。我只是这样做：

    var t1 = "<div id='waiting' style='filter:alpha(opacity=50); z-index:9990; position:fixed; width: 100%; height: 100%; left: 0px; top: 0px; visibility: visible; opacity: 0.5; background-color:white;'>";
    t1 += "<img src='img/loader_36.gif' alt='waiting' style='z-index:9999; position:fixed; top:40%; left:45%;width:36px; height:36px;' /></div>";
    $('body').append(t1);

有任何想法吗？

Answer 1

制作未加载的图像的对象。

var _myImage = new Image(400,200) //height and width of the image
_myImage.src = "http://lorempixel.com/400/200"; // image source (path)

将此代码放在您要使用的页面中

Answer 2

var t1 = "<div id='waiting' style='filter:alpha(opacity=50); z-index:9990; position:fixed; width: 100%; height: 100%; left: 0px; top: 0px; visibility: visible; opacity: 0.5; background-color:white;'>";
t1 += "<img src='http://lorempixel.com/400/200' alt='waiting' style='z-index:9999; position:fixed; top:40%; left:45%;width:36px; height:36px;' /></div>";
$('body').append(t1);

在jsfiddle上测试，它在 chrome 上运行良好

1. 你用什么版本的jquery？
2. 铬的版本？
3. chrome 中的图像 src 是否正确？