Contents

Develop
2003.04.23 10:51

[js] 이미지 미리 로딩하기

조회 수 8425 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
자바스크립트를 이용하여 애니메이션 효과 또는 롤오버(rollover) 효과를 구현할 때 필수적으로 이미지 미리 읽어들이기 기법을 사용한다. 이 때 사용할 수 있는 유용한 함수를 하나 소개하면 다음과 같다: 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 

function preload() { 
  if (!document.images) return; 
  var ar = new Array(); 
  var arguments = preload.arguments; 
  for (var i = 0; i < arguments.length; i++) { 
    ar[i] = new Image(); 
    ar[i].src = arguments[i]; 
  } 

// --> 
</SCRIPT> 

  
  
이 함수를 BODY 태그의 onLoad 이벤트에서 다음과 같이 호출해 주면 된다. 이미지가 많으면 preload의 파라미터에 더 넣어주면 된다: 

<BODY onLoad="preload('first.gif', 'second.gif', 'third.gif')">


?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
1033 Develop [c#] 비동기 통신 샘플 코드 ㅎㅎ file hooni 2013.04.23 24515
1032 PPT [ppt] 뚜레쥬르 온라인 마케팅 제안서 file hooni 2013.04.23 24454
1031 Develop 밸런싱 로봇.. 최종.. (관련 논문도 첨부) ㅋㅋ file hooni 2013.04.23 24157
1030 Develop [js] 자바스크립트(Javascript) 코드를 동적으로 삽입하는 방법.. file hooni 2013.04.23 24074
1029 Etc 양성/음성 오류에 대한 개념 hooni 2013.04.23 23862
1028 Develop [ios] UILabel top alignㅎㅎ hooni 2013.04.23 23850
1027 Develop [ios] UIColor 지정에서 RGB define ㅎㅎ hooni 2013.04.23 23817
1026 Etc 영어공부에 도움될만한 사이트 모음 hooni 2013.05.14 23713
1025 System/OS [mac] 맥(OSX)에서 root 패스워드 설정하기 hooni 2013.04.23 23590
1024 Develop [ios] UIView에서 상위 UIViewController 가져오기 hooni 2013.09.27 23442
1023 System/OS 컴파일러 수업 자료(교재 : 컴파일러 입문) file hooni 2003.04.23 23437
1022 Develop [iphone] 화면 전환 Portrait & Landscape Mode hooni 2013.04.23 23394
Board Pagination Prev 1 ... 8 9 10 11 12 13 14 15 16 17 ... 99 Next
/ 99