タブレットビュー以上で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>
幅と高さを使用しましたが、まだ機能しません