# 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.