6

I'm using TimThumb which is a PHP script for resizing images.

It caches the image, and my web application relies on that caching to operate properly.

When the image is not cached on the server, it doesn't work right, I'm wondering if there's a way to force timthumb to cache an image, and then retrieve it, or if there's a way to use JavaScript to ensure the image gets cached first.

4

1 に答える 1

1

ブラウザが画像をキャッシュにプリロードするようにするために、いくつかのネイティブ 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.
});
于 2012-07-27T23:55:12.413 に答える