首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何验证背景(css)图像是否已加载?

如何验证背景(css)图像是否已加载?
EN

Stack Overflow用户
提问于 2009-12-18 19:17:07
回答 5查看 30.3K关注 0票数 30

我在<td>标签上应用了以下CSS类:

代码语言:javascript
复制
.bg {
   background-image: url('bg.jpg');
   display: none;
}

如何使用JavaScript/jQuery判断背景图像是否已加载?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2009-12-18 19:22:38

据我所知,唯一的方法是使用Javascript加载图像,然后将该图像设置为背景。

例如:

代码语言:javascript
复制
var bgImg = new Image();
bgImg.onload = function(){
   myDiv.style.backgroundImage = 'url(' + bgImg.src + ')';
};
bgImg.src = imageLocation;
票数 55
EN

Stack Overflow用户

发布于 2009-12-18 19:20:46

在初始页面加载时,使用visibility:hidden将类提供给一个div。这样,当您将类分配给表单元格时,它就已经在浏览器缓存中了。

票数 4
EN

Stack Overflow用户

发布于 2009-12-18 19:26:57

This article may help you。相关章节:

代码语言:javascript
复制
// 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" )
        );
    }
);

基本上选择背景图像并进行检查以查看它是否已加载。

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

https://stackoverflow.com/questions/1927610

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档