Javascript 背景图像完全加载时如何显示页面？_Javascript_Jquery_Html_Css

Javascript 背景图像完全加载时如何显示页面？

javascript jquery html css

Javascript 背景图像完全加载时如何显示页面？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个背景图像，我想使用$（documnet）.load（）设置一个事件，在图像完全加载时显示页面。我该怎么做我的HTML代码： <html> <script src="../js/jquery-1.10.2.js"></script> </script> <style> body{ background-image: url('../ima

我有一个背景图像，我想使用

$（documnet）.load（）

设置一个事件，在图像完全加载时显示页面。我该怎么做

我的HTML代码：

<html>
    <script src="../js/jquery-1.10.2.js"></script>
    </script>
        <style>
              body{
                background-image: url('../images/heart-beat.png');
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
        </style>
    <body>
    Hello World
    </body>
</html>


身体{
背景图像：url（'../images/heartbeat.png'）；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
你好，世界

请参阅。基本上，您无法检测到背景图像的加载事件（它应该发生在背景中！），因此您可以使用image元素加载图像，然后在加载后加载（并假定缓存在浏览器中）您将其设置为身体的背景图像。

请查看此图。最好将背景图像赋予身体中的图像标签

<img src='yourimage' id='img'/>

如果您不熟悉javascript和jQuery，我建议使用，尤其是关于的页面。我会尝试其他方法。有一个空页面或加载程序。然后通过ajax加载图像，并在成功时显示所有内容