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 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上工作正常

你使用的是什么版本的jquery？
chrome版本？
图片src在chrome中是否正确？

Answer 2

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

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

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

预加载图片无法在Chrome中使用

2 个答案: