내가 찾고있는 것은 내가 사용하는 사용자의 브라우저에서 이미지를 다운로드 할 수있는 방법입니다. 마우스 오버 (호버) 이벤트에서 이미지가 활성화됩니다. 것은 나쁜 영향을주기 때문에 사용자가 유인하고있을 때만 이미지를 다운로드하고 싶지 않다는 것입니다. 사이트가로드 될 때 다운로드해야합니다.나중에 사용하기 위해 이미지를 다운로드하십시오 (안내)
제안 사항?
[편집] 제안 해 주셔서 감사합니다. 나는 명백한 해결책을 생략하고 복잡한 대답을 찾았다는 것을 믿을 수 없다.
이러한 종류의 이미지 "사전로드"를 수행하는 일반적인 방법은 JavaScript Image 개체를 사용하는 것입니다.
<img src="myImage.jpg" class="hidden" />
그리고 당신의 CSS의 클래스 .hidden에 대한 none로 디스플레이를 설정 : 같은
var i = new Image;
i.onload = function() {
console.log("Image: " + this.src + " loaded");
}
i.src = 'uri/to/file';
사용 뭔가. 그런 다음 다운로드되어 표시되지 않습니다.
다음 이미지를 사용하면 이미 클라이언트에 있습니다.
확인이 솔루션이 Preloading Images in web page
확인합니다. 이미지가 자동으로로드되고 브라우저에 캐시됩니다. 따라서 mouseove에서 이미지를 다시로드하면 "나쁜 영향"이 생성되지 않습니다.
<div style="display:none;">
<img src="url" />
</div>
그냥 숨겨진 사업부의 모든 이미지를 넣어 "3 Ways to Preload Images with CSS, JavaScript, or Ajax"