Develop
2003.04.23 10:51
[js] 이미지 미리 로딩하기
조회 수 7032 댓글 0
자바스크립트를 이용하여 애니메이션 효과 또는 롤오버(rollover) 효과를 구현할 때 필수적으로 이미지 미리 읽어들이기 기법을 사용한다. 이 때 사용할 수 있는 유용한 함수를 하나 소개하면 다음과 같다:
<SCRIPT LANGUAGE="JavaScript">
<!--
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의 파라미터에 더 넣어주면 된다:
<BODY onLoad="preload('first.gif', 'second.gif', 'third.gif')">
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1065 | Develop |
[ios] Xcode에서 특정 파일만 ARC 따로 설정하는 방법
![]() |
hooni | 2017.03.29 | 1066 |
1064 | Develop |
사이버보안실무 수업 메모
![]() |
hooni | 2017.03.23 | 0 |
1063 | Develop |
Mac OS 에 Jenkins 설치하기 (Homebrew)
2 ![]() |
hooni | 2017.03.15 | 8370 |
1062 | Develop |
[ios] 동영상 플레이어 샘플 (for PIP Player)
![]() |
hooni | 2017.03.15 | 1386 |
1061 | Etc |
종합시험 관련 자료
![]() |
hooni | 2017.03.15 | 0 |
1060 | Develop |
[js] Javascript로 만든 포트리스 (2010)
5 ![]() |
hooni | 2017.03.03 | 2786 |
1059 | Develop |
[ios] Facebook Cache 갱신하는 함수
![]() |
hooni | 2017.02.27 | 1297 |
1058 | Etc |
모바일 프로그래머가 갖추어야 할 필수 역량
![]() |
hooni | 2017.02.16 | 1451 |
1057 | System/OS |
무료로 HTTPS 적용하기 (Lets' Encrypt)
![]() |
hooni | 2017.02.16 | 2354 |
1056 | System/OS |
[android] 초간단 HTTP, POST 전송 샘플
1 ![]() |
hooni | 2017.02.16 | 3621 |
1055 | System/OS |
Enable Safari Hidden Debug Menu in Mac OS X
![]() |
hooni | 2017.02.07 | 1703 |
1054 | System/OS |
Enable the Develop Menu in Safari
![]() |
hooni | 2017.02.07 | 1310 |