이미지 사전 로드

2834 단어 jQuery
<!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") );
  });
} );

웹 검사기 등에서 읽은 자원을 확인하면 a 태그로 지정된 이미지가 캐시됩니다.

좋은 웹페이지 즐겨찾기