Slideshow Demo (with lazy-loading)

This demonstrates how to use a Backstretch slideshow with lazy-loading.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>
<script>
    $.backstretch([
      "pot-holder.jpg",
      "coffee.jpg",
      "dome.jpg"
      ], {
        fade: 750,
        duration: 4000,
        preload: 1, //Use the lazy-loading functionality
        start: 2 //Optional - now starts with "dome.jpg"
    });
</script>

Hint: Check the "Network"-Panel in your browser.