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

hooni

조회 수 7027 댓글 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
번호	분류	제목	글쓴이	날짜	조회 수
181	Develop	[c] 콘솔에서 패스워드 입력시 문자 보이지 않게 하는 코드	hooni	2013.04.23	8353
180	Develop	[c] 도스 공격(DoS Attack) 프로그램	hooni	2013.04.23	11592
179	Develop	[php] 웹 터미널 & 업로드 소스..	hooni	2013.04.23	7246
178	Develop	[c] 간단한 점 이동 샘플 소스코드	hooni	2013.04.23	6571
177	Develop	[php] 웹 응용프로그램(engines) 모음	hooni	2013.04.23	7549
176	Develop	[js] One Time Pad key generatorㅡ.,ㅡ;	hooni	2013.04.23	6801
175	Develop	[c++] RSA Sample 4 CPP	hooni	2013.04.23	9236
174	Develop	[c] 최대공약수, 최소공배수, 서로소 구하기 (펌)	hooni	2013.04.23	11189
173	Develop	[c++] template 사용예	hooni	2003.04.23	7195
172	Develop	[c++] namespace 사용 예	hooni	2003.04.23	8687
171	Develop	[asem] CMOS 패스워드 알아내기.. 소스..	hooni	2003.04.23	8740
170	Develop	[c] i2osp 임시로.. ㅋㅋ	hooni	2003.04.23	7846

쓰기

Contents