<script>
function start(){
sprites.start();
preloader();
}
</script>
我有两个功能,一个是预加载,另一个是加载图像。两个函数都成功运行,但我想要的是停止执行预加载函数并在图像加载完成时显示下一个函数。
简单地说,我想隐藏预加载函数并在加载精灵函数后显示精灵函数
<script>
function start(){
sprites.start();
preloader();
}
</script>
我有两个功能,一个是预加载,另一个是加载图像。两个函数都成功运行,但我想要的是停止执行预加载函数并在图像加载完成时显示下一个函数。
简单地说,我想隐藏预加载函数并在加载精灵函数后显示精灵函数
看看这个: 在继续之前等待图像加载
这是一个简单的模型:
<html>
<head>
<script language="javascript">
function loadImage()
{
var img = new Image();
img.src = 'img_navsprites.gif';
console.log( '1. Image has just started downloading.' );
document.getElementsByTagName('body')[0].appendChild(img);
img.onload = function() {
console.log( '2. Image has fully loaded.' );
}
console.log( '3. Hey, look at me ... all the way down here!' );
}
</script>
</head>
<body onload="loadImage()">
<div>
</div>
</body>
</html>
还有一个基于您的代码的 PasteBin 模型:http: //pastebin.com/wcBY2YaL