Javascript Jquery图像和链接交换是否使用相同的变量？

我有一个产品页面，有多个图像，在主框中显示一个大图像，在下面显示一些附加图像的缩略图。单击主图像时，Fancybox会启动，您可以看到灯箱效果中更大的图像

我使用jquery交换页面上的图像，这很好：

<script>
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').replace('width=80&height=80','width=470&height=525'));
});
</script>

但它不起作用。我对jquery不太熟悉，所以我只是在摸索。我试着读了一些博客，但我就是不明白，所以我要么需要更多的咖啡，要么如果可能的话需要一个非常感谢的帮手

<div class="prodrightcolumn">
    <div class="productmainimage" id="panel">
        <a id="largeLink" href="~/images/@product.Image1"  rel="gallery2" class="fancybox" title="@product.Title">
            <img id="largeImage" src="~/images/@product.Image1?width=470&height=525&mode=crop" alt="@product.Title" />
        </a>
    </div>

        <div id="thumbs">
            @if (product.image1 != ""){<div class="productsmallimage"><img src="~/images/@product.Image1?width=80&height=80&mode=crop" alt="@product.Title" /></div>}        
            @if (product.image2 != ""){<div class="productsmallimage"><img src="~/images/@product.Image2?width=80&height=80&mode=crop" alt="@product.Title" /></div>}
            @if (product.image3 != ""){<div class="productsmallimage"><img src="~/images/@product.Image3?width=80&height=80&mode=crop" alt="@product.Title" /></div>}
            @if (product.image4 != ""){<div class="productsmallimage"><img src="~/images/@product.Image4?width=80&height=80&mode=crop" alt="@product.Title" /></div>}
            @if (product.image5 != ""){<div class="productsmallimageend"><img src="~/images/@product.Image5?width=80&height=80&mode=crop" alt="@product.Title" /></div>}
        </div>
    </div>

$('#largeLink').attr('href',$(this).attr('href'));