이미지를 미리로드하는 것이 올바른 방법입니까?

이미지를 미리로드하는 올바른 방법입니까?이미지를 미리로드하는 것이 올바른 방법입니까?

'선택 옵션'을 변경하면 배경이 변경되는 표가 있습니다. 내 페이지의 본문에서 ,이 있습니다

<body onload="preload();">

을 그리고 같은 페이지 내 양식에 내가 가진 :

<select onchange="swap();"><option bla bla></select>

을 그리고 JS : 입력

function preload(){ 
pic = new image(720, 65); 
pic.src = '../picture.jpg'; 
} 
function swap(){ 
document.getElementById("table_id_here").style.backgroundImage = '../picture.jpg'; 
}

function swap() picture.jpg 파일이 이미 미리로드 된 것 같습니다. 맞습니까?

이미지가 실제로 캐싱 (사전로드)되었는지 확인할 수있는 방법이 있습니까? 이러한 이미지가로드되는 경우 방화범의 네트워크 도구 같은

출처

2009-12-02 Anonymous

사용 무언가가 확인

감사합니다.

function MM_preloadImages() { //v3.0 
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 

MM_preloadImages('img1.gif','img2.gif'); //add more if required

출처

2009-12-02 11:10:12