JavaScriptプログラムに関する各種メモ書き

jQueryまたはcssで画像の先読み(プリロード)を行う

CSS、HTMLのみでプリロードを行う
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(path/to/image1.png); /* 読ませたいイメージ1 */
       background-image: url(path/to/image2.png); /* 読ませたいイメージ2 */
}
<div id="preloadedImages"></div>
JavaScript(jQuery)でプリロードを行う
jQuery.preloadImages = function(){
    for(var i = 0; i<arguments.length; i++){
        jQuery("<img>").attr("src", arguments[i]);
    }
};
// Usage
$.preloadImages("image1.gif", "/path/to/image2.png", "some/image3.jpg");

http://phpspot.org/blog/archives/2006/04/css_2.html

http://blog.webcreativepark.net/2009/03/17-161250.html


関連エントリー

No.740
01/21 11:32

edit

jQuery