如何僅顯示當前選定的圖像並在未選擇時將其隱藏？

Question

下面的例子http://jsfiddle.net/6GdW6/

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

1. 如何顯示如果沒有點擊默認第一形象？
2. 如何添加selected類僅在活動鏈接？

我想保留當前的html格式。

Answer 1

$(".thumbnail").on("click", function() { 
    var selector = '.fullimage[src="' + $(this).attr('href') + '"]'; 

    $(".fullimage").hide(); 

    $(selector).fadeIn(); 
    return false; 
});​ 

http://jsfiddle.net/6GdW6/2/

Answer 2

我已經更新的jsfiddle：http://jsfiddle.net/6GdW6/5/ 它的工作原理就像一個魅力，我希望......

爲什麼使用3個標籤，我想只有一個是必要的：

<div id="fullimage"> 
<img class="fullimage selected" src="http://i.imgur.com/W2SkQ.gif" alt="" /> 
</div> 

//的CSS

#fullimage .selected {display:block;}​ 

//類似的東西對爵士

$(".thumbnail").live("click", function() { 
    $(".fullimage").fadeOut(); 
    var i = $("<img />").attr("src", this.href).load(function() { 
     $(".fullimage").attr("src", i.attr("src")).addClass("selected"); 
     $(".fullimage").fadeIn(); 
    }); 
    return false; 
});​