Jquery 添加到交换图像的链接

我有一个正在交换图像的图像库，我想将交换的图像链接到阴影盒/灯箱中，使其更大。我很接近，我有一个关于如何添加链接冻结。它会去我现在弹出警报框的地方。如果您想查看到目前为止的内容，请参见以下页面：

我认为这真的很简单，但我刚刚用它撞到了墙。蒂亚

function showImage(src)
{
$("#loader img").fadeOut("slow")
            .remove();

var largeImage = new Image();

$(largeImage).attr("src", src)
         .attr("id", "main")
         .load(function()
            {
            $(largeImage).hide();
            $("#loader").removeClass("loading")
                        .append(largeImage);
            $(largeImage).fadeIn("slow");
            $("#loader img").click(function()
                    {
                    alert("Launch Shadowbox here");
                    });
            }); 

更新11/23

根据我的回答，我能够找到一个很好的方法来纠正我遇到的问题。我从他的解决方案（构建一个新的DIV）开始，这就引出了我现在正在使用的函数。我能够使用wrap函数，而不必构建整个DIV。下面是我更新的代码（包括为链接传递标题的功能）

函数showImage（src，tit）
{
$（“#加载器img”）.fadeOut（“慢”）
.remove（）；
$（“#加载程序a”）.remove（）；
var largeImage=新图像（）；
var largePath=“/files/imagecache/project_large/”+src；
var largeLink=“”；
$（大图像）.attr（“src”，大路径）
.attr（“id”、“主”）
.attr（“边界”、“0”）
.load（函数（）
{           
$（大图像）.hide（）；
$（“#装入器”）.removeClass（“装入”）
.附加（大图像）；
美元（“#main”）.wrap（largeLink）；
$（大图像）.fadeIn（“慢”）；
});              
}

实际上，您要做的是交换div，而不仅仅是img标记，并在要交换的图像周围使用链接生成div

function showImage(src,tit)
{
$("#loader img").fadeOut("slow")
            .remove();
$("#loader a").remove();


var largeImage = new Image();
var largePath = "/files/imagecache/project_large/" + src;
var largeLink = "<a rel='shadowbox' title='" + tit + "' href='/files/" + src + "'></a>";

$(largeImage).attr("src", largePath)
     .attr("id", "main")
     .attr("border", "0")
         .load(function()
            {           
            $(largeImage).hide();

            $("#loader").removeClass("loading")
                    .append(largeImage);
            $("#main").wrap(largeLink);
            $(largeImage).fadeIn("slow");
            });              
}