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

hooni

Views 7008 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
781	Develop	[c] 가위 바위 보 서버, 클라이언트 소스코드	hooni	2003.04.23	8178
780	Develop	[c] fork() 시스템 콜 사용 방법.	hooni	2003.04.23	27590
779	Develop	[c] 소켓 프로그래밍 요약..	hooni	2003.04.23	6971
778	Develop	[c] 소켓주소 구조체에 대해..	hooni	2003.04.23	6731
777	Develop	[c] 소켓의 세가지 동작모드	hooni	2003.04.23	6911
776	Develop	[c] 컴파일러 DFA구현^^ 입력 받아 실행 4	hooni	2003.04.23	8112
775	Develop	[c] OpenGL 시어핀스키 가스킷(p.73 - 첫시간)	hooni	2003.04.23	8756
774	Develop	[c] 시어핀스키 가스킷..(p.582, A.2 - 두번째)	hooni	2003.04.23	7481
773	Develop	[c] 약수/최대공약수/완전수 알고리즘	hooni	2003.04.23	8869
772	Develop	[c] 프로그래밍의 전반적인 설명 ppt	hooni	2003.04.23	7675
771	Develop	[jsp] HelloServlet 출력문	hooni	2003.04.23	7796
770	Develop	[jsp] Get방식, Post방식 전송 예제..	hooni	2003.04.23	13764

Write

Contents