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

hooni

Views 7034 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
673	Develop	[js] 자바스크립트 메뉴얼 사이트.. ㅋㅋ	hooni	2013.04.23	7428
672	Develop	[js] 자바스크립트 escape()를 PHP로 받기	hooni	2013.04.23	6001
671	Develop	[js] 인터넷 주소(URL) 인코딩 ㅋㅋ	hooni	2013.04.23	11376
670	Develop	[js] 이벤트 핸들러(Event Handlers)	hooni	2003.04.23	6751
669	Develop	[js] 이벤트 전파 3단계	hooni	2013.12.18	9994
668	Develop	[js] 이미지 사이즈를 동적으로 조절..	hooni	2013.04.23	7489
»	Develop	[js] 이미지 미리 로딩하기	hooni	2003.04.23	7034
666	Develop	[js] 윤동이가 만든 영어 학습(?) 프로그램	hooni	2013.04.23	6476
665	Develop	[js] 윈도우 시작버튼처럼 나오는 메뉴	hooni	2013.04.23	6759
664	Develop	[js] 웹페이지에서 특정 엘리먼트 드래그, 복사, 컨텍스트메뉴, 키보드 막기	hooni	2013.11.04	30126
663	Develop	[js] 여러가지 트리(tree) 모음.. ㅋㅋ	hooni	2013.04.23	7134
662	Develop	[js] 양원님이 공유해 주신 유료(5$란다ㅋ) 자료 ㅋㅋ	hooni	2013.04.23	7948

Write

Contents