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

hooni

Views 8422 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
1033	Develop	[ubuntu] 우분투 18.04에 PHP5 설치하기	hooni	2020.11.14	3263
1032	System/OS	[mac] OS X 요세미티 사용자가 많이 겪는 버그와 몇몇 불편사항	hooni	2015.01.04	3264
1031	Develop	[c#] 툴바 소스.. 개인적으로 만드는거..	hooni	2013.04.23	3304
1030	System/OS	Ubuntu Desktop RDP Setup - 24.04 LTS	hooni	2024.10.16	3306
1029	Develop	[ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기	hooni	2018.10.19	3325
1028	System/OS	[mac] VirtualBox 실행 스크립트와 bash_profile 설정	hooni	2020.07.08	3335
1027	System/OS	[펌] 마이크로서비스, 모노리포, SRE, ... 덮어놓고 구글 따라하면 안 되는 기술들	hooni	2020.10.15	3336
1026	Etc	RSVP 란?	hooni	2017.11.22	3376
1025	Develop	[ios] GMT Date와 Local Date 변환하기	hooni	2015.04.07	3377
1024	System/OS	개인적으로 쓰고 있는 zshrc 파일	hooni	2022.02.25	3395
1023	Develop	[ios] 카테고리 확장 메소드를 찾지 못하는 경우	hooni	2014.08.08	3437
1022	Develop	[js] 문자열에서 숫자만 걸러내기 (jQuery 안쓰고 정규표현식)	hooni	2017.12.14	3438

Write

Contents