Click Demo

This demonstrates a commonly-asked question: how do I replace Backstretch's image once it's been called? The simple answer is, you can just call Backstretch again, and the image will be replaced.

Note: Any options that you previously passed in will be preserved.

<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", {speed: 500});
    
    $("#pot-holder").click(function (e) {
      e.preventDefault();
      $.backstretch("pot-holder.jpg");
    });
    
    $("#coffee").click(function (e) {
      e.preventDefault();
      $.backstretch("coffee.jpg");
    });
</script>