現在選択されている画像のみを表示し、選択していない場合は非表示にするにはどうすればよいですか？いいえ]をクリックすると、デフォルトで最初の画像を表示する方法

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;}​ 

いいえ]をクリックすると、デフォルトとして最初の画像を表示する方法について

// JS

$(".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; 
});​