jquery - シャドウボックスとjQueryの問題

Question

シャドウボックスに正しい画像が表示されるという問題があります。私は、samll、medium、largeの画像を含むかなり基本的な画像ギャラリーを持っています。jQueryの例を次に示します。

$('.product-gallery li a').click(function() {
    var imgmedium = $(this).children('img').attr('name');
    var imglarge = $(this).attr('rel');
    $('.product-main').children('a').children('img').attr('src',imgmedium);
    $('.product-main').children('a').attr('href',imglarge);
    return false;
});

これですべて機能し、クリックすると必要なすべてのタグが変更されていることがDOMでわかりますが、常に開くシャドウボックスのメイン画像はデフォルトの画像です（jQueryを介して読み込まれる新しい画像ではありません）。

これを回避する方法はありますか？

ロードするHTML：

<p class="product-main"><a href="images/test-product-1-large.jpg" rel="shadowbox"><img src="images/test-product-1-medium.jpg" alt="" width="420" height="587" /></a></p>

サムネイル画像をクリックすると、次のようになります（正しく、Firefoxでこの表示選択ソースを確認できます）。

<p class="product-main"><a href="images/test-product-2-large.jpg" rel="shadowbox"><img src="images/test-product-2-medium.jpg" alt="" width="420" height="587" /></a></p>

しかし、リンクをクリックすると、シャドウボックスに元の製品1の画像が開きます（非常に煩わしい）。

何か案は？

更新：ここのサンプルページ（http://www.adrianjacob.com/test/test.html）

修正済み：Shadowbox.clearCache（）; Shadowbox.setup（）;

jquery関数に追加されました:)

アディ