jquery - 画像の変更とhrefによるリンク

Question

私は以下をアーカイブしようとします:

サムネイル (PHP によって動的に読み込まれる) があり、それらをクリックして、特定の画像 (id = big) をサムネイルの大きなバージョンに変更したいと考えています。この大きなバージョンの周りには<a>、ライトボックス jQuery スクリプトのタグがあります。<a>-Tagの href は、この画像のさらに大きなバージョンを参照します。

JS で画像を変更できるようになり<a>ましたが、画像をカバーする -Tag の href を変更するにはどうすればよいですか?

画像の構成がどのように見えるか: (<a>画像の href と src を同じリンクに変更する必要があります)

<a href="images/projekte/testprojekt/big/01.jpg" rel="lightbox[bilder]"
title="Click the X or anywhere outside the image to close">
<img src="images/projekte/testprojekt/big/01.jpg"
alt="Projekt" id="swap"/></a>

サムネイルを作成する PHP:

foreach(get_files($dir,&$endungen)  as $file) {
    $big = str_replace( 'thumbs/', 'big/', $file);
    echo "<li><img src=\"$file\" height=\"50px\" width=\"50px\" onclick=\"javascript:document.getElementById('swap').src =('/joomla/$big');\"/></li>\n";
}

これを行う方法はありますか(jQueryを使用)?