스폰서 링크
JavaScript를 미리 이미지
작성한 기사 루카 Ruggiero
많은 사이트 탐색 및 웹마 스터에 의해 만들어진 기능 및 시각 효과 "를 망치고"에 소란을 만들고, 완전히로드하는 데 몇 초 정도 걸립니다, 특히 화려한하지 연결로드 특별히 자주 이미지의 큰 숫자를 사용합니다.
정책이 너무 많은 이미지 및 /를 사용하거나 좋아하는 그래픽 프로그램의 특수 기능을 최적화하지, 거기는 항상 최고의 해결책이지만, 더 자주 그 자체로 충분하지 않습니다.
(기사는 아래에 계속 ...)
위원회는 다음 자바 스크립트 adoptable과 preloading의 기술을 사용합니다. 미리는 페이지 페이지 요청에 대한보고 여부에 관계없이 지정된 이미지를로드하는 것입니다.
브라우저가 그들을 볼 수 있습니다 전에 동일한 실제 사용의 로딩 시간을 속도, 브라우저 캐시에 다운로드합니다 이미지를 업로드할 수 있습니다.
웹 페이지의 헤더를 포함하는 스크립트를 다음과
<script language="JavaScript"의 type="text/javascript">
<! -
함수 미리 () {
경우 (document.images) 반환;
var에 imgs는 = 새 Array ();
var에 = preload.arguments 인자;
에 대한 (var에 나는 = 0; 나는 <arguments.length, I + +) {
imgs [I] = 새 이미지 ();
imgs [전] SRC = 인수 [난].;
}
}
/ / ->
</ SCRIPT>
이 기능은 문서 본문의 여는 태그와 관련된 onload 이벤트를 사용하여 호출할 수 있습니다 :
<body onload="preload('prima.gif','seconda.jpg','terza.png')">
불행히도, 이러한 행위가 느려지고의 단점을 가지고 - 처음 접속시 - 페이지에 몇 순간을 로딩, 시간이 지정된 캐시에 이미지를 캡처하는 데 필요한 즉.
(예 : rollovers 같은 동적 효과에 대한 예) 만 실제 필요한 경우에는 다음 보드의 preloading을 사용하기 위해서.
같은 카테고리에 ...
E - 학습
 |
AJAX 코스
ASP, ASP.NET 및 PHP로 웹 2.0 AJAX 기반 애플 리케이션. 2012년 6월 1일까지 -10 % 할인합니다. |
 |
CSS 코스
W3C CSS와 XHTML에 따라 웹 디자인 및 접근성. 2012년 6월 1일까지 -15 % 할인. |
 |
자바 스크립트 강좌
클라이언트측 스크립팅 가이드를 완료하십시오. 2012년 6월 1일까지 -10 % 할인합니다. |
스폰서 링크
