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

hooni

Views 7036 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
405	Develop	[php] 정규표현식 간단히 정리	hooni	2013.04.23	6506
404	System/OS	[linux] 콘솔 기본언어 설정 방법	hooni	2013.04.23	12877
403	Develop	[js] selectbox 선택 후 input 박스에 적용	hooni	2013.04.23	8346
402	Develop	[ajax] 이벤트 코드 생성기 작업중.. ㅋㅋ	hooni	2013.04.23	7164
401	System/OS	[sql] 중복데이터 삭제 쿼리	hooni	2013.04.23	14809
400	System/OS	[sql] 조회구문(select)에서 중복 데이터를 한 번만 출력 (distinct) 1	hooni	2013.04.23	34050
399	Develop	[php] 날짜 정보 출력 (년,월,일,시,분,초)	hooni	2013.04.23	10573
398	Develop	[c] KNN(K-nearest neighbor) 패턴인식 과제..	hooni	2013.04.23	7411
397	Develop	[c] 베이지언(Bayesian) 패턴인식 과제 ㅋㅋ	hooni	2013.04.23	7113
396	Develop	[js] php의 number_format() 함수와 같은.. ㅋㅋ	hooni	2013.04.23	6950
395	Develop	[c] 숫자 맞추는 게임..	hooni	2013.04.23	6951
394	Develop	[c] 구조체 배열 예제 (학생 성적 계산)	hooni	2013.04.23	7684

Write

Contents