Contents

Develop
2003.04.23 10:51

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

Views 7041 Comment 0
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
자바스크립트를 이용하여 애니메이션 효과 또는 롤오버(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
No. Category Subject Author Date Views
673 Develop [js] Javascript로 만든 포트리스 (2010) 5 file hooni 2017.03.03 2823
672 Develop [c#] 툴바 현재 욜심히 만들고 있는거.. 백업용.. ㅋㅋ secret hooni 2013.04.23 2852
671 Develop 알고리즘 성능 분석 기준 hooni 2014.06.24 2914
670 Develop [ios] XCode에서 Provisioning Profile 여러개 중복될 때 hooni 2014.06.26 2949
669 Develop [ios] Objective-C 프로퍼티의 ATOMIC / NONATOMIC 속성 hooni 2014.03.17 3051
668 Develop [js] Array.splice() 설명 hooni 2014.04.24 3064
667 Develop [ios] iOS 사운드 관련 프레임워크 hooni 2014.04.18 3080
666 Develop 알고리즘 성능분석 file hooni 2014.06.24 3107
665 Develop [ios] 커스텀 폰트 사용하기 (Custom Fonts) file hooni 2014.04.30 3191
664 Develop [php] Connect to Firebase Console in Laravel file hooni 2018.05.09 3227
663 Develop [ios] CoreData 사용하기 (튜토리얼) hooni 2014.03.28 3238
662 Develop [c#] 툴바 소스.. 개인적으로 만드는거.. secret hooni 2013.04.23 3304
Board Pagination Prev 1 ... 10 11 12 13 14 15 16 17 18 19 ... 71 Next
/ 71