Javascriptに「アクティブ」ステータスを追加する

Question

私はオンラインで見つけたイメージ交換スクリプトに「アクティブ」クラスを追加しようとしています。このスクリプトは私がしなければならない作業には最適ですが、選択した画像のサムネイル画像をスタイルする必要があります。私は "アクティブ"を追加することでこれをより簡単にし、そうするための助けが必要になると考えています。

私は次のスクリプトを使用しています：ここで

<script type="text/JavaScript"> 
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    $("#gallery li img").click(function(){ 
     $('#main-img').attr('src',$(this).attr('src').replace('thumb/', '')); 
    }); 
    var imgSwap = []; 
    $("#gallery li img").each(function(){ 
     imgUrl = this.src.replace('thumb/', ''); 
     imgSwap.push(imgUrl); 
    }); 
    $(imgSwap).preload(); 
}); 
$.fn.preload = function() { 
    this.each(function(){ 
     $('<img/>')[0].src = this; 
    }); 
} 
</script> 

はHTMLです：

<div id="gallery"> 
    <ul> 
     <li><img src="gallery/thumb/img_1.jpg" alt="" /></li> 
     <li><img src="gallery/thumb/img_2.jpg" alt="" /></li> 
     <li><img src="gallery/thumb/img_3.jpg" alt="" /></li> 
     <li><img src="gallery/thumb/img_4.jpg" alt="" /></li> 
    </ul> 
    <img src="gallery/img_1.jpg" alt="" id="main-img" /> 
</div> 

が、私は十分に自分自身を明確に説明していないよ場合は私に知らせてください。私は助けに感謝します！

Answer 1

変更：

$("#gallery li img").click(function(){ 
    $("#gallery li img").removeClass('active'); 
    $(this).addClass('active'); 
    $('#main-img').attr('src',$(this).attr('src').replace('thumb/', '')); 
});