[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
번호	분류	제목	글쓴이	날짜	조회 수
885	Develop	[ios] 아이폰 GPS 사용하기	hooni	2014.05.24	4019
884	Develop	[android] 코드에서 문자열로 Resource 가져오기	hooni	2015.07.09	4052
883	Develop	[ios] iOS 7 이상 UIBarButtonItem 여백	hooni	2014.03.27	4083
882	Develop	[ios] DatePicker iOS 6.x 이하 디자인.	hooni	2014.04.10	4106
881	Develop	[ios] AES256 알고리즘을 이용해 데이터 암호화/복호화 방법	hooni	2015.07.21	4170
880	Develop	[ios] 애플 앱스토어 IDFA 리뷰 정책 변경 안내	hooni	2014.05.07	4230
879	Develop	[c#]뉴 툴바 개인적으로 만든거.. (old)	hooni	2013.04.23	4272
878	System/OS	Mac에서 Node.js 설치하기	hooni	2018.09.28	4291
877	System/OS	[mac] 맥OSX에서 NTFS 쓰기 기능 활성화	hooni	2014.03.12	4342
876	System/OS	[linux] split 명령어	hooni	2014.03.11	4361
875	Develop	[ios] URL Scheme 이용하여 앱 설치 확인	hooni	2014.03.10	4399
874	Develop	[ios] 앱딜리게이트 라이프사이클 (AppDelegate Lifecycle)	hooni	2014.05.09	4486

쓰기

Contents