Edited at

イメージのプリロード

More than 3 years have passed since last update.

<!doctype html>

<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<a href="hoge.jpg">hoge</a>
<a href="fuga.jpg">fuga</a>
<a href="piyo.jpg">piyo</a>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/preload.js"></script>
</body>
</html>


js/preload.js

$( function () {

$( "a" ).each( function (){
$( "<img>").attr("src",$(this).attr("href") );
});
} );


Webインスペクタなどで読み込まれたリソースを確認すると、aタグで指定している画像がキャッシュされていることがわかる。