javascript - 当 body 背景图像完成加载时显示警报

Question

嘿，我有以下代码设置和缩放 body 标签中的背景图像...

html,body {

    margin:0;
    padding:0;
    height:100%;
    background-image:url(some image);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
    -moz-background-size:100% 100%;          /*  Firefox  */
    background-repeat:no-repeat;
    background-attachment:fixed;
    overflow:hidden;

}

我想做的是在正文中的图像完成加载或整个页面加载完成时显示警报。但是，我发现了这个 fiddle还有这个stackoverflow question在网上，但它不适合我的情况。谢谢。

Answer 1

如果您使用的是 jquery，请等待整个页面加载完毕然后运行代码:

$(window).load(function() {
    alert( "css and graphic is loaded." );
});

背景图像上没有加载事件，但有这个插件可以检测到它们: https://github.com/alexanderdickson/waitForImages

你也可以检查这个类似的问题: How can I check if a background image is loaded?