よくWebサイト上で見かける、画面をスクロールしていくとフワッと画像が現れてくるあの小技です。いつか自分も使う機会があったら使ってみようと思っていましたが、本日社内システムの一部で使うことになったので使い方をメモ。簡単ながら、なかなか使えそうです。 1.下記からLazyLoad.jsをダウンロード Lazy Load Plugin for jQuery 2.head内に以下を記述 まずjQuery本体を読み込んで、次にlazyload.jsを読み込む。そしてlazyloadセット。 ちなみに下記はオプションでフェードイン効果をつけた例。最も多用しそう。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
![jQueryで簡単にフワッと画像を表示させる lazyload.jsの実装方法 - TechNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/144672d567f8f683530dcfc5d1dc5cdbf774f79c/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F51EomKkH9RL.jpg)