■js読み込み <script src="jquery.js"></script> <script src="jquery.lazyload.js"></script> ■画像読み込み(srcではなく、 data-originalにurlを入れるのがコツ。) <img class="lazy" data-original="img/example.jpg" width="640" height="480"> ■スクリプトを最後に。 <script> $(function() { $("img.lazy").lazyload(); }); </script>
![スクロールしたらふわっと画像が表示されるjQueryプラグイン「Lazy Load」 | バニデザノート](https://cdn-ak-scissors.b.st-hatena.com/image/square/288681eadf5c3dd9aab8f2ca33f4f02408a628ec/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-81.fc2.com%2Fv%2Fa%2Fn%2Fvanidesign%2F11187260_968568719828247_3343970705641289934_os.png)