ajaxを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。

詳細や実際の効果を体感できるデモページは以下から。
以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。

Lazy Load Enabled

プラグインは以下のサイトからダウンロードできます。

Lazy Load Plugin for jQuery

Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようです。

なお、ほかにもjQueryには以下のような便利プラグインがあります。

なかなか良い感じ。

ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち

・関連記事
メアドをスパムに利用されないように暗号化する「emailProtector.js」 - GIGAZINE

画像を角丸にしたり影を付けたりできる「Corner.js」 - GIGAZINE

水面に反射するような効果を画像に加えるJavaScript「Reflection.js」 - GIGAZINE

入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ - GIGAZINE

ajax/" target="_blank">知っておいて損はないajaxやCSSを駆使したタブインターフェース18種類 - GIGAZINE

マウスが上に来るとくるりんと文字の色を変えるスクリプト「Scrollovers」 - GIGAZINE

ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」 - GIGAZINE

ajax/" target="_blank">ajaxの速度をアップする方法 - GIGAZINE

ajax_progress_bar_with_css/" target="_blank">ajaxとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」 - GIGAZINE

CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

JavaScriptのみでサイコロ回転風のアニメーションエフェクト - GIGAZINE


記事全文へ

(引用 livedoorニュース)

■デジタルステージBiND for WebLiFE 初回限定版 Macintosh版■

◆ajax関連ブログ記事
関連のブログ最新記事はありません

◆ajax関連の無料のレポート情報
関連のレポートはありません

ajax