所以我最近一直在开发一个网站,问题是每个页面的背景都是图像,因此,在较慢的连接上(这是某些目标受众的情况),图像在下载时会逐渐加载,到解决这个问题我正在尝试制作一个执行以下操作的预加载页面:
- 加载图像
加载完成后,将用户重定向到请求的页面
<script type="text/javascript"> <!--//--><![CDATA[//><!-- var images = new Array() var count=0; function preload() { for (i = 0; i < preload.arguments.length; i++) { images[i] = new Image() images[i].src = preload.arguments[i] } if(count==4) { window.location = "index.html"; } } preload( "backgrounds/bg1.jpg", "backgrounds/bg2.jpg", "backgrounds/bg3.jpg", "backgrounds/bg4.jpg" ) //--><!]]>
问题是它直接重定向(我假设它只是开始下载图像,然后直接将计数器变量加一,很快达到 4 并且没有给图像下载时间。
有什么想法可以在图像完成下载时向我发出信号,或者仅在完成下载图像后才执行重定向?