我在<td>
标签上应用了以下CSS类:
.bg {
background-image: url('bg.jpg');
display: none;
}
如何使用JavaScript/jQuery判断背景图像是否已加载?
发布于 2009-12-18 19:22:38
据我所知,唯一的方法是使用Javascript加载图像,然后将该图像设置为背景。
例如:
var bgImg = new Image();
bgImg.onload = function(){
myDiv.style.backgroundImage = 'url(' + bgImg.src + ')';
};
bgImg.src = imageLocation;
发布于 2009-12-18 19:20:46
在初始页面加载时,使用visibility:hidden
将类提供给一个div。这样,当您将类分配给表单元格时,它就已经在浏览器缓存中了。
发布于 2009-12-18 19:26:57
This article may help you。相关章节:
// Once the document is loaded, check to see if the
// image has loaded.
$(
function(){
var jImg = $( "img:first" );
// Alert the image "complete" flag using the
// attr() method as well as the DOM property.
alert(
"attr(): " +
jImg.attr( "complete" ) + "\n\n" +
".complete: " +
jImg[ 0 ].complete + "\n\n" +
"getAttribute(): " +
jImg[ 0 ].getAttribute( "complete" )
);
}
);
基本上选择背景图像并进行检查以查看它是否已加载。
https://stackoverflow.com/questions/1927610
复制相似问题