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