이미지를 미리로드하는 데 자바 스크립트가 필요한 이유는 무엇입니까?

this 사이트에서 이미지를 미리로드하는 것에 대한 설명을 발견했습니다.이미지를 미리로드하는 데 자바 스크립트가 필요한 이유는 무엇입니까?

<div style="display:none;"> 
<img id="Image1" src="image1.gif"> 
<img id="Image2" src="image2.gif"> 
<img id="Image3" src="image3.gif"> 
</div>

이미지 캐시 두 경우 모두

페이지에 어딘가에 사용할 준비 : 누군가가 설명 할 수

<SCRIPT LANGUAGE="JavaScript"> 
Image1= new Image(175,50) 
Image1.src = "image1.gif" 

Image2 = new Image(25,30) 
Image2.src = "image2.gif" 

Image3 = new Image(125,80) 
Image3.src = "image3.gif" 

</SCRIPT>

은, 위의 코드와 다음의 차이 것입니다.

특수 프리로드 js 코드가 필요한 이유는 무엇입니까? 내가 생각할 수있는

출처

2014-07-20 bonaca

아무것도 표시되기 전에 JS가 에서로드 할 수 있습니다, 그것은 HTML을 팽만감없이 많은 페이지에 사전로드 할 수 있기 때문이다. – dandavis

화면에서 이미지를 변경하려는 경우 캐싱의 이점만 있습니다. 이전에 보던 이미지를 변경하여 버튼 롤오버를 수행 한 것과 같은 코드를 마지막으로 보았습니다. –

다른 장점은 마크 업이 JS를 사용하여 더 깨끗하다는 것입니다. DOM을 미리로드하는 목적으로 DOM에 물건을 넣는 것이 아닙니다. – Yuck

일부 장점 :

루프, 당신은 한 번만 이미지 폴더를 지정해야합니다. 당신은 부하에게 전하고자 할 때 이상
더 나은 제어
클리너 DOM

출처

2014-07-20 17:43:09 Jonathan

괜찮지 만 미리로드 이미지를위한 많은 특별한 플러그인을 만들 이유가 충분하지 않습니다. – bonaca

이미지를 미리로드하는 데 자바 스크립트가 필요한 이유는 무엇입니까?

답변

관련 문제