<Html> <Title> gambar preload </iteme> <body> <script> // juri browser var browser = baru Object();Browser.userAgent=window.navigator.userAgent.toLowerCase();Browser.ie=/msie/.test(Browser.userAgent);Browser.Moz=/gecko/.test(Browser.userAgent);//Judge whether the loading is completed function Imagess(url,imgid,callback){ var val=url; var img = gambar baru (); if (browser.ie) {img.onReadyStateChange = function () {if (img.readystate == "complete" || img.readystate == "dimuat") {callback (img, imgid); }}} lain if (browser.moz) {img.onload = function () {if (img.complete == true) {callback (img, imgid); }}}} // Jika pengecualian terjadi karena jaringan atau gambar, gambar ditampilkan img.onError = function () {img.src = 'http: //www.baidu.com/img/baidu_logo.gif'} img.src = val;} // Fungsi gambar // checkImg (obj, imgid) {document.geteLementById (imgid) .src = obj.src;} // inisialisasi gambar yang akan ditampilkan dan tentukan window lokasi tampilan.onload = function () { Imagess ("http://hiphotos.baidu.com/lovebyakuya/pic/item/01cf20088f9506f063d98653.jpg", "img1", checkimg); Imagess ("http://hiphotos.baidu.com/lovebyakuya/pic/item/7b7b19c70d62f4fdd0006050.jpg", "img2", checkimg); Imagess ("http://hiphotos.baidu.com/joanne728/pic/item/892557641806d20eaa184c71.jpg", "img3", checkimg); Imagess ("http://www.neocha.com/-/res/camilla/20071204181216078845_h.jpg", "img4", checkimg); Imagess ("http://www.neocha.com/-/res/camilla/20071204181216d078845_h.", "Img5", checkImg);} </script> <img id = "img1" src = "loading.gif"/> <cript> <img = "img1" src = "loading.gif"/> <cript> <img = "img1" src = "loading.gif"/> <crips = "img1" src = "loading.gif"/> <crips = "img1" src = "loading.gif"/> <crips = "img1" src = "loading.gif"/> <cript = "IMG1" SRC = "loading.gif"/> <cript /> <img id = "img3" src = "loading.gif" /> <img id = "img4" src = "loading.gif" /> <img id = "img5" src = "loading.gif" /> </body> </html>