[Андрей812]

Всем привет! Вопрос про отложенную загрузку изображений. Использую код

$(document).ready(function() {
  var lazyloadImages;    
    lazyloadImages = document.querySelectorAll(".lazyload");
    var imageObserver = new IntersectionObserver(function(entries, observer) {
      console.log(observer);
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          var image = entry.target;
          image.src = image.dataset.src;
          image.classList.remove("lazyload");
          imageObserver.unobserve(image);
        }
      });
    });

    lazyloadImages.forEach(function(image) {
      imageObserver.observe(image);
    });
})

<style>    
.picture {
	overflow-x: scroll;
}
</style>

<div class="picture">
<img class="lazyload" data-src="1.jpg" src="1.jpg">
<img class="lazyload" data-src="2.jpg" src="2.jpg">
</div>

- это загрузка изображений при вертикальном скролле.

Но вопрос как реализовать отложенную загрузку при ГОРИЗОНТАЛЬНОМ скролле в <div class="picture">

Подскажите, пожалуйста, как реализовать.