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>