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

hooni

Views 8425 Comment 0

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

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

<!--

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의 파라미터에 더 넣어주면 된다:

Facebook Twitter Google Pinterest KakaoStory Band

Up Down Go comment Print

✔Write a comment

Write a comment

Write with WYSIWYG Close

List of Articles
No.	Category	Subject	Author	Date	Views
169	System/OS	asx미디어 정보 기록..	hooni	2003.04.23	22156
168	Etc	[flash] 자동차 엔진의 원리 (4행정 사이클 그림)	hooni	2013.04.23	22161
167	Develop	[c] 포인터 학습용 예제 소스 코드	hooni	2013.04.23	22217
166	System/OS	[windows] 윈도우 사용자 계정 로그인 암호 분실, 암호 변경하는 방법	hooni	2015.07.09	22544
165	Develop	[android] [번역] 안드로이드 Android Cloud to Device Messaging(C2DM)	hooni	2013.04.23	22610
164	Etc	[link] iOS(아이폰) 개발 관련 ㅋㅋ	hooni	2013.04.23	22633
163	Develop	[c] 이진트리/트리 순회법 코드(전위/중위/후위) 5	hooni	2015.07.02	22704
162	Develop	[c++] 디렉토리 내의 파일 찾기 FindFirstFile() 함수 6	hooni	2013.04.23	22883
161	Develop	프로그래밍에서 foo, bar 함수의 유래	hooni	2013.06.25	22885
160	PPT	[ajax] 크로스 도메인(Cross Domain) 이슈 해결 방안	hooni	2013.04.23	22959
159	Etc	아두이노 관련 정보..	hooni	2013.04.23	23000
158	Etc	이클립스(Eclipse) 유용한 단축키 ㅋㅋ	hooni	2013.04.23	23199

Write

Contents