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

hooni

조회 수 7042 댓글 0

Prev이전 문서

Next다음 문서

Prev이전 문서

Next다음 문서

자바스크립트를 이용하여 애니메이션 효과 또는 롤오버(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

✔댓글 쓰기

댓글 쓰기

에디터 사용하기 닫기

List of Articles
번호	분류	제목	글쓴이	날짜	조회 수
165	System/OS	[doc] 코코아 프로그래밍 for MACOS 관련 내 분량..	hooni	2013.04.23	20911
164	PPT	[ppt] 시스템보안 연구실 ppt 템플릿.. (CIST)	hooni	2013.04.23	20944
163	PPT	[doc] 발표 자료 ㅎㅎtalk4neo	hooni	2013.04.23	21036
162	Develop	[c] 이진트리/트리 순회법 코드(전위/중위/후위) 5	hooni	2015.07.02	21069
161	Develop	[c] 포인터 학습용 예제 소스 코드	hooni	2013.04.23	21090
160	Etc	[flash] 자동차 엔진의 원리 (4행정 사이클 그림)	hooni	2013.04.23	21290
159	Develop	[c] 재미있는 코딩..	hooni	2003.04.23	21422
158	Develop	프로그래밍에서 foo, bar 함수의 유래	hooni	2013.06.25	21489
157	Etc	[link] iOS(아이폰) 개발 관련 ㅋㅋ	hooni	2013.04.23	21555
156	System/OS	[windows] 윈도우 사용자 계정 로그인 암호 분실, 암호 변경하는 방법	hooni	2015.07.09	21561
155	Etc	영어. 외우면 도움되는 필수영어회화 표현	hooni	2013.09.09	21574
154	Etc	아두이노 관련 정보..	hooni	2013.04.23	21822

쓰기

Contents