https://github.com/srobbin/jquery-backstretch

jquery-backstretch.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>
<script>
  // To attach Backstrech as the body's background
  $.backstretch("path/to/image.jpg");

  // You may also attach Backstretch to a block-level element
  $(".foo").backstretch("path/to/image.jpg");

  // Or, to start a slideshow, just pass in an array of images
  $(".foo").backstretch([
    "path/to/image.jpg",
    "path/to/image2.jpg",
    "path/to/image3.jpg"    
  ], {duration: 4000});


  // Access the instance
  var instance = $('.foo').data('backstretch');
  
  // Then, you can manipulate the images array directly
  instance.images.push('path/to/image4.jpg')
  
  // Pause the slideshow
  $('.foo').backstretch("pause");
  
  // Advance to the next slide
  $('.foo').backstretch("next");
</script>