0

タブレットビュー以上で2列の画像を並べて表示するページがあります.lazyload jqueryを使用しています.スクロールすると問題が発生します.左側の列の画像のみを遅延ロードし、右側の列にはすべての画像が表示されます.すべてのセクション画像をスクロールします。

コードは次のようになります。

<div class="row">
  <div class="col-sm-6">
    <!-- image section left side -->
    <img class="lazy" data-original="img1.jpg"> <!-- show up when screen stop here -->
    <img class="lazy" data-original="img2.jpg"> <!-- show up when screen stop here -->
  </div>
  <div class="col-sm-6">
    <!-- image section right side -->
    <img class="lazy" data-original="img3.jpg"> <!-- not shown when screen stop here (also screen stop on img1.jpg) -->
    <img class="lazy" data-original="img4.jpg"> <!-- shown because the end of image section, and also showing img3.jpg all at once -->
  </div>
</div>

幅と高さを使用しましたが、まだ機能しません

4

2 に答える 2