Изменение картинки и ссылки с помощью href

Question

Я пытаюсь архивировать следующее:

У меня есть миниатюры (динамически загружаемые с помощью PHP), нажав на них, я хочу изменить определенную картинку (id = big) на большую версию миниатюры. Вокруг этой большой версии есть <a> тег для сценария лайтбокса jQuery. Href of the <a>-Tag относится к еще большей версии этой картины.

Теперь я могу изменить картинку с помощью JS, но как изменить форму <a>-Тег, который покрывает изображение?

Как должна выглядеть конструкция изображений: (Мне нужно изменить href of <a> и источник изображения по той же ссылке)

<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)?