jQuery-plugin-lazyload

標籤：png   實現圖   指定   github   jquery   com   技術分享   技術   data   

用法整理：

：https://github.com/tuupola/jquery_lazyload

參考文檔：http://appelsiini.net/projects/lazyload/

能實現圖片在在到達他指定位置的時候載入出來

注意點：圖片檔案的引入是放在data-original="img/bmw_m1_hood.jpg"屬性上

<script src="jquery-3.2.1.min.js"></script><script src="jquery.lazyload.min.js"></script><script>$(function () {$(".pic1").lazyload();})</script>

　　

<p>adjskaldjlsksajdlka........................</p><img data-original="img/bmw_m1_hood.jpg" class="pic1"><img data-original="img/bmw_m3_gt.jpg" class="pic1"><img data-original="img/bmw_m1_side.jpg" class="pic1">

　　

jQuery-plugin-lazyload