画像の操作:
画像を不可視状態でページに読み込んでおく
Javascript で new Image() を利用したキャッシュの方法だとブラウザの判断でキャッシュされなかったり、キャッシュが破棄されてしまうこともあるので、より確実にキャッシュさせる。
String…
●必須引数 ●オプション引数(省略可能)
記述例
$imgCache('images/sample1.jpg')
$imgCache('images/sample1.jpg', 'images/sample2.jpg', 'images/sample3.jpg')
動作サンプル
容量の重い画像ファイルを使った動作サンプル。
キャッシュするボタンを押してから2〜3秒待ってから、表示ボタンを押して、画像が表示されるまでのスピードに注目。
Javascript :
$imgCache('images/pht_big1.png');
$imgCache('images/pht_big3.png','images/pht_big4.png');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。