How do I show only current selected image and hide it if not select?
<p>Here an example <a href="http://jsfiddle.net/6GdW6/" rel="nofollow">http://jsfiddle.net/6GdW6/</a></p>

<pre><code>$(".thumbnail").live("click", function() {
    $(".fullimage").hide();
    var i = $("&lt;img /&gt;").attr("src", this.href).load(function() {
        $(".fullimage").attr("src", i.attr("src")).addClass("selected");
        $(".fullimage").fadeIn();
    });
    return false;
});
</code></pre>

<ol>
<li>How to show first image by default if no click?</li>
<li>How to add <code>selected</code> class only on active link?</li>
</ol>

<p>I want to keep current <code>html</code> format.</p>
