deeplus+

jQueryでページの読み込み時にアニメーションを入れたり、preloadさせるためのプラグインを動作させるための注意点とデモサンプルです。jQuery1.9以降に動かなくなったプラグインの暫定対応にもなるかもしれません。

jQueryでFlashのようなページローディングアニメーションをするqueryloader2

使い方は省略。jQuery1.8以下をjquery.queryloader2.jsと一緒に読み込んで内部か外部から下記で呼び出せば動きます。ページ内に一つも画像がない場合も動かないようです。

$(document).ready(function() {
  $('body').queryLoader2();
});

QueryLoader2をjQuery1.9以降に対応させる

本家がリリースしてくれれば何の問題も無いのですが...プラグイン内にjQuery 1.9以降に廃止された$.browser()メソッドが使用されているため、jquery.queryloader2.js(Version:2.1)はそのままでは動作しません。
下記のようにブラウザ判別でIE8以下に適用していた部分をCSSのopacity(透明度)に対応していないブラウザ(=IE8以下)に適用するように変更しています。

/* 変更前 */
if ($.browser.msie && $.browser.version < 9) {

/* 変更後 */
if (!jQuery.support.opacity) {