/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)
jQueryで画像をプリロードする方法 | BlackFlag http://t.co/FRxvQnaY
October 03, 2012
Advertising
/http%3A%2F%2Fblack-flag.net%2Fwp-content%2Fuploads%2Fnoimage.jpg)
jQueryで画像をプリロードする方法 Webページ上でJavaScriptやjQueryなどを使って ロールオーバーやタブ切り替えの様な 何かのアクションによって画像を表示する動作を組み込んだ際 画像をロードするのに少し時間がかかることによって 一瞬画像部分がチラつくことがあります。 その現象を回避する為に、切り替え後に表示する画像ファイルを 前もって読み込んでおく画像プリロードがありますが、 これをjQueryを使って実装する方法を自分用メモとして紹介。 jQueryで画像をプリロードする方法 画像プリロードについてはHTMLとCSSは特に関連しないので スクリプトのみの記述方法について。 複数枚の画像ファイルを一度に プリロードする記述方法は以下の様になります。 ◆SCRIPT $(function(){ jQuery.preloadImages = function(){ for(var i = 0; i