画像をロードするのに少し時間がかかることによって一瞬画像部分がチラつくことがあります。その現象を回避する為に、切り替え後に表示する画像ファイルを前もって読み込んでおく画像プリロードがありますが、これをjQueryを使って実装する方法を自分用メモとして紹介。画像プリロードについてはHTMLとCSSは特に関連しないのでスクリプトのみの記述方法について。複数枚の画像ファイルを一度にプリロードする記述方法は以下の様になります。arguments[i]);}};$.preloadImages("img/image1.jpg","img/image2.jpg","img/image3.jpg","img/image4.jpg","img/image5.jpg");});</script>10行目の「$.preloadImages()」のところで実際に読み込む画像のディレクトリパスとファイル名を指定します。(複数画像を指定する場合はカンマで区切る)画像プリロードは単純なJavaScriptでも簡単に実装することができますがjQueryでもこのような記述によって、前もって画像を読み込んでおくことができるようです。【参考記事】jQueryまたはcssで画像の先読み(プリロード)を行うJavaScriptプログラムメモ|プログラムメモjQueryで画像を先読みさせる際にぜひ。Posts画像などコンテンツ要素をランダムでフェードインさせることができるjQueryプラグイン「champagne.js」jQueryでリストなどに連番でIDやクラスを追加(ナンバリング)する方法jQueryでリンク<a>タグのhrefの値を無効にする方法jQueryでのチェックボックスのクリック動作向上:Ver.2jQueryでツールチップ。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。