LazyIMG.js画像を遅延読み込みするためのJS

使い方は簡単！imgタグを少し改変するだけ！

<img data-src="img/sample1.jpg" class="lazyimg">
<script src="js/lazyimg.js"></script>

次世代フォーマットwebpにも対応！

<img data-src="img/sample2.webp" class="lazyimg">
<script src="js/lazyimg.js"></script>

もちろんpictureにも対応してます！

<picture class="lazyimg">
  <source data-src="img/sample3.webp" type="image/webp">
  <img data-src="img/sample3.jpg" alt="test">
</picture>
<script src="js/lazyimg.js"></script>

当たり前だよね？background-imageも対応！

<div class="lazyimg" data-src="img/sample4.jpg"></div>
<script src="js/lazyimg.js"></script>