<html>
  <head>
    <title>lazyload_images example</title>
  </head>
  <body>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <img src="images/BikeCrashIcn.png"><br/>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <img src="images/BikeCrashIcn.png"><br/>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <img src="images/BikeCrashIcn.png"><br/>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <img src="images/BikeCrashIcn.png"><br/>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <p>*</p>
    <img src="images/BikeCrashIcn.png"><br/>
    <p>*</p>
    <p>*</p>
    <p>Should be below the fold on most screens. The images below will only be
    loaded once you scroll down.</p>
    <p>*</p>
    <p>*</p>
    <img src="images/Puzzle2.jpg" srcset="images/Puzzle.jpg 2x"><br/>
    <img src="images/IronChef2.gif"><br/>
    <img src="images/Cuppa.png"><br/>
  </body>
</html>