그림을 미리 불러오고 표시하는 예


  
  
  
  
  1. function preloadimg(url,obj){ 
  2.     var img=new Image(); 
  3.     img.onload=function(){ 
  4.         obj.innerHTML=""
  5.         obj.style.width=String(img.width)+"px"
  6.         obj.appendChild(img); 
  7.     }; 
  8.     img.onerror=function(){ 
  9.         obj.innerHTML=" , URL !" 
  10.     }; 
  11.     img.src=url; //img.src img.onload , IE  
  12.  
  13. $(document).ready(function(e) { 
  14.     preloadimg("http://upload.wikimedia.org/wikipedia/commons/1/15/Tzaishan_at_nsysu.jpg",$("#imgtest")[0]); 
  15. }); 

appendChild 함수를 사용하여 미리 불러온 img 대상을 페이지로 출력합니다.
img의 src 속성 출력을 사용하면 캐시에 적용되는 그림이 아니라 그림 내용을 다시 읽을 수 있습니다.

좋은 웹페이지 즐겨찾기