html

<header>
<h1>Load images while scrolling.</h1>
</header>

<section id=galeria>
 <h2>Images from unsplash.</h2>
  <h3>Julien Moreau.</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fringilla ultrices nibh at luctus. Suspendisse fermentum elementum ipsum nec bibendum. Nulla gravida iaculis turpis, non blandit tellus scelerisque vel. Donec non dui eu velit suscipit ultricies. Nam varius magna felis, a ultrices sem ultrices in.</p>
  <figure>
    <noscript class="preloader">
      <img src="https://unsplash.it/800/450?image=1081" />
    </noscript>
  </figure>
  <hr>

  <h3>Vladimir Kudinov.</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fringilla ultrices nibh at luctus. Suspendisse fermentum elementum ipsum nec bibendum. Nulla gravida iaculis turpis, non blandit tellus scelerisque vel. Donec non dui eu velit suscipit ultricies. Nam varius magna felis, a ultrices sem ultrices in.</p>
  <figure>
    <noscript class="preloader">
      <img src="https://unsplash.it/800/450?image=1078" />
    </noscript>
  </figure>
  <hr>

  <h3>Samuel Zeller.</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fringilla ultrices nibh at luctus. Suspendisse fermentum elementum ipsum nec bibendum. Nulla gravida iaculis turpis, non blandit tellus scelerisque vel. Donec non dui eu velit suscipit ultricies. Nam varius magna felis, a ultrices sem ultrices in.</p>
  <figure>
    <noscript class="preloader">
      <img src="https://unsplash.it/800/450?image=1076" />
    </noscript>
  </figure>
  <hr>
  <!--
      *****************************************************
      Otros bloques con figure > noscript class='preloader'
      *****************************************************
  -->
</section>

<footer>FOOTER. 
Example for <a href="https://escss.blogspot.com/2015/06/javascript-con-furoya-lazy-load-estoy.html">esCSS</a></footer>