预载Gif的2个JS代码(非常有用)

【 tulaoshi.com - Web开发 】

script language=javascript
        var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];

        // 第一个是路径，后面的名称，比如 ["talk/",129,130,501,502,503] ，就是talk/ 目录下的129.gif,130.gif ...... 如果是字符串，就要加引号

        function LoadGif()
        {
                document.body.insertAdjacentHTML("beforeEnd",'div id="load" style="display=none"/div');
                Loading(0,1);
        }
        function Gif_Err()
        {
                alert("载入失败！")
        }
        function Gif_End()
        {
                alert("载入完成！")
                document.write('img src='+Gif[0][0]+Gif[0][1]+'.gif')
        }
        function Loading(a,b)
        {
                if (!Gif[a][b]) { a++; b=1; }
                if (a==Gif.length) {Gif_End(); return; }
                document.getElementById("load").innerHTML='img src="'+Gif[a][0]+Gif[a][b++]+'.gif" onload="Loading('+a+','+b+')" onerror="Gif_Err()"'
        }
/script
body onload=LoadGif()

上面的是单线程的
再发个一次性+loading的

script language=javascript
        var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];

        var Loader=0,Gifs=0;

        function Gif_Err()
        {
                alert("载入失败！")
        }
        function Gif_End()
        {
                alert("载入完成！")
        }
        function LoadGif()
        {
                document.body.insertAdjacentHTML("beforeEnd",'div id="load"div id="loading"/divdiv id="loadGif" style="display:none"/div/div');
                for (var i=0; iGif.length; i++)
                {
                        Gifs+=Gif[i].length-1;
                        //Gif[i]='img src="'+Gif[i][0]+Gif[i].join('.gif" img src="'+Gif[i].shift())+'.gif" '
                        Gif[i]='img src="'+Gif[i][0]+Gif[i].join('.gif" onload="Loading()"  onerror="Gif_Err()"img src="'+Gif[i].shift())+'.gif" onload="Loading()" onerror="Gif_Err()"'
                }
                document.getElementById("loadGif").innerHTML=Gif.join("");
        }
        function Loading()
        {
                document.getElementById("loading").innerHTML=Math.round(++Loader/Gifs*100)+" %"
                if (Loader==Gifs)
                {
                        document.getElementById("load").innerHTML="";
                        Gif_End();
                }
        }
/script
body onload=LoadGif()