스크립트를 사용하여 이미지 캐시하기

스크립트를 사용하여 이미지 캐시하기

이미지 크기 조정을 위해 PHP 스크립트인 TimThumb을 사용하고 있습니다.

이미지를 캐싱하고 웹 애플리케이션은 그 캐싱을 통해 제대로 작동합니다.

이미지가 서버에 캐시되지 않았을 때 제대로 작동하지 않습니다. timthumb이 이미지를 캐시하도록 강제한 다음 검색하는 방법이 있는지, 아니면 자바스크립트를 사용하여 이미지가 먼저 캐시되도록 하는 방법이 있는지 궁금합니다.

브라우저가 이미지를 캐시에 미리 로드하도록 하려면 일부 네이티브 JavaScript 개체를 사용할 수 있습니다.

var imgPreload = new Image();
imgPreload.src = PATH_TO_IMAGE;

이제 당신이 줄 때.<img>꼬리표를 붙이다src와 동일한 속성PATH_TO_IMAGE, 이미 브라우저에 의해 미리 로딩되어 있을 것입니다.

<img src="PATH_TO_IMAGE" width="100%" >

---

일부 이미지를 HTML로 로드하고 단순히 CSS 트릭을 사용하여 숨길 수도 있습니다.

• display:none

  아니면

• visibility:hidden

그런 다음 완전히 로드된 경우에만 표시합니다.당신은 사용할 수 있습니다..load()그것을 위한 기능.그냥 붙이면 돼요.<img>태그 -

$("#imageSelector").load(function(){
  // image was fully loaded.
});

언급URL : https://stackoverflow.com/questions/11696991/using-script-to-cache-image