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