jQuery を使って画像の遅延ロードをする「jQuery Image Lazy Load WP」の紹介です
サイト閲覧の時に、画像の読み込みが遅く記事本文の表示まで待たされる事があります。
この jQuery Image Lazy Load WP プラグインは、画像読み込み時に閲覧者の画面
スクロールに、合わせフェード効果を付けて表示します。これでイライラ解消・・・？（＾＾ゞ
photo credit: tacker
jQuery ： Plugin Directory jQuery Image Lazy Load WP Version 0.13
※動作環境 WordPress Version 2.8 以降に、対応しています。
１．jQuery Image Lazy Load WP Plugins 導入手順です。
※管理画面の新規に、プラグインを検索からでも、導入出来ます。
本家の Plugin Directory から jQuery Image Lazy Load WP をダウンロードして
解凍して出来た jquery-image-lazy-loading フォルダを …/wp-content/plugins/ ディレクトリに、アップロードします。
２．管理画面からプラグインを選択して jQuery lazy load plugin を
有効化するだけで特に設定の必要は、ありません。
３．記事本文のみフェード効果を付けて表示する場合
jq_img_lazy_load.php ファイルの編集
jq_img_lazy_load.php ファイル27行目付近の
(“img”) → (“#content img”) に変更します。
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").not(".cycle img").lazyload({
effect:"fadeIn",
placeholder: "$placeholdergif"
});
});
</script>
Tags: images, JavaScript, jquery, Optimization, Plugin, WordPress
jQuery Image Lazy Load WP – http://t.co/xyFyDH9n
jQuery Image Lazy Load WP http://t.co/IMCPC0JB