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.