2014-07-24 3 views
0

사이트에서 이미지를로드하는 중 프로세스를 이해할 수 있도록 도와주세요. 예 : 코드를 사용하여 img 요소를 만듭니다.웹 사이트에 이미지를로드 하시려면

img = document.createElement('img'); 
img.src = 'some image src'; 
someDiv.appendChild(img); 

이 스크립트가 작동 할 때마다 사용자의 브라우저에서 이미지가 다운로드됩니까? 첫 번째 이미지로드가 아닌 것은 무엇입니까? 스크립트가 같은 이미지 src로 두 번 작동한다면 어떨까요? 또한

, 간단한 HTML 코드에서 동일한 질문 :

<img src='somesrc' /><img src='thesamesrc' /> 

두 번 브라우저 하중이 이미지를합니까?

그럼, 주요 질문은 : 브라우저가 매번 내 자바 스크립트 코드로 이미지를로드하는 경우 어떻게 수정해야합니까? 이미지 세트가 몇 개 있는데 그 중 하나를 일정 간격으로로드해야합니다. 한 번에 모든 것을로드하고 그 후에 사용하는 방법? 물론,이 경우 브라우저 캐시 이미지가 있으면 아무런 문제가 없습니다. 확실하지 않습니다.

+1

이미지가 아직 캐시되지 않은 경우에만 다운로드됩니다. 따라서 웹 사이트에서 동일한 이미지를 두 번 사용하면 이미지를 한 번만로드하면됩니다. – Cyclonecode

+1

그래서 "아니오"로 대답하기를 원합니다. –

+0

대단히 고마워요. 자바 스크립트로 이미지를 지우고로드하면 캐시도 작동합니까? – lenden

답변