<script src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
        <script type="text/javascript">

        $(window).scroll(function(){

           if($(window).scrollTop() > $(document).height() - $(window).height() - 50) // -50 and - 50 might cause some errors, if I remember right, just JS things...
           {
              $('.infinite').append('<div></div>');
           }
        });





var count = 100;
var index = 1;

while (index <= count) {
  document.getElementById('container').innerHTML += '<img src="https://picsum.photos/200/100.webp?grayscale&blur=2?random=$"+[$index] alt="nothing">';
  console.log(index);
  index++;
}
        </script>