在loading的页面里加一个隐藏的frame,用src指向图片的页面,浏览器会将图片下载到缓存,以后点击页面浏览时速度会快一点。

解决方案 »

  1.   

    <div id="bao">Loading.....</div>
    <script>
    var allimgs = new Array(50);
    var loadedimgs = 0;
    function showimg()
    {
       //显示所有图片.
       for(var i=0;i<allimgs.length;i++)
       bao.innerHTML+="<img src="+allimgs[i].src+">"
    }
    function addload()
    {
        //预载完毕后,提示.
        if(++loadedimgs==allimgs.length){
        bao.innerHTML="Loading OK";
        showimg();
        }
    }
    for(var i=0;i<allimgs.length;i++)
    {
        //预载图片 
        allimgs[i] = new Image();
        allimgs[i].onload = addload;
        allimgs[i].src = "images/"+i+".jpg";
    }
    </script>