jquery - 添加交换图像的链接

Question

我有一个正在交换图像的图像库，我想链接交换的图像以在阴影箱/灯箱中显示更大。我已经很接近了，我正在思考如何添加链接。它会去我现在弹出警报框的地方。如果您想查看目前为止的页面，请参阅以下页面:http://site.jpda.biz/projects/boerum-hill-house

我认为这真的很简单，但我刚刚碰壁了。 TIA。

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 更新

根据 Tricks 的回复，我找到了一个很好的方法来纠正我遇到的问题。我从他的解决方案开始(构建一个新的 DIV)，这使我找到了 wrap我现在正在使用的功能。我能够使用换行功能而不必构建整个 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");
            });              
}

Answer 1

您想要做的实际上是交换 div 而不仅仅是 img 标签，并生成带有要交换到的图像周围的链接的 div。