Closing and reverting to original image within a simple jQuery gallery?
<p>I'm using the simple jQuery gallery from <a href="http://papermashup.com/simple-jquery-gallery/" rel="nofollow">Papermashup.com</a>, and need help extending it's function. I currently have 4 thumbnails and 1 main image. However, I want to be able to revert back to the original image without having an extra thumbnail of the original image. Is there anyway to revert to the original, if and when you click on another thumbnail?</p>

<p>HTML:</p>

<pre><code>&lt;div class="main"&gt;&lt;img src="main.jpg"&gt;&lt;/div&gt;

&lt;div class="thumbs"&gt;
   &lt;a class="t" href="main-lrg.jpg" rel="1"&gt;&lt;img src="main-1.jpg"&gt;&lt;/a&gt;
   &lt;a class="t" href="main-lrg.jpg" rel="2"&gt;&lt;img src="main-1.jpg"&gt;&lt;/a&gt;
   &lt;a class="t" href="main-lrg.jpg" rel="3"&gt;&lt;img src="main-1.jpg"&gt;&lt;/a&gt;
   &lt;a class="t" href="main-lrg.jpg" rel="4"&gt;&lt;img src="main-1.jpg"&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>JS:</p>

<pre><code>$(function() {
    $('.t').click(function() {
        var image = $(this).attr('rel');
        $('.main').hide();
        $('.main').fadeIn('fast');
        $('.main').html('&lt;img src="' + image + '"&gt;');
        return false;
    });
});
</code></pre>
