<html> <title> 이미지 preload </title> <body> <cript> // 판사 브라우저 var browser = new Object (); browser.useragent = wind var img = new Image (); if (browser.ie) {img.onreadyStateChange = function () {if (img.readystate == "완료"|| img.readystate == "loaded") {Callback (img, imgid); }}} else if (browser.moz) {img.onload = function () {if (img.complete == true) {Callback (img, imgid); }}}}} // 네트워크 또는 이미지로 인해 예외가 발생하면 이미지가 Img.onerror = function () {img.src = 'http : //www.baidu.com/img/baidu_logo.gif'} img.src = val;} // 이미지 기능 표시 CheckImg (obj, imgid) {document.getElementById (imgid) .src = obj.src;} // 표시 될 이미지를 초기화하고 디스플레이 위치 창을 지정하고 window.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/892557641806d20ea184c71.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"img id = "src ="src = "src ="src " /> <img id = "img3"src = "loading.gif" /> <img id = "img4"src = "loading.gif" /> <img id = "img5"src = "loading.gif" /> < /html>