jQuery thumbnail replaceメソッド（タグを追加するソリューションが必要）

Question

サムネイルの置き換えソリューションがあります。imgアイテムの周りにaタグを追加する必要がありますが、同じ機能があります。

jQueryの

$(".large").click(function() { 
    var thumbRel = $(this).attr("rel"); 
    $(this).effect("transfer", { to: $(".thumbnail img[rel='" + thumbRel + "']") }, 1000); 
}); 

$(".thumb").click(function() { 
    $(".thumbnail [class^='thumb']").removeClass("current"); 
    $(this).addClass("current"); 
    $(".large").attr("rel", $(this).attr("rel")); 

    $(this).effect("transfer", { to: $(".large") }, 1000); 
    $(".large").animate({ opacity: 1 }, 1000); 
    $(this).queue(function() { 
     $(".large").attr("src", $(this).attr("src").replace("-thumb", "")); 

     $(".large").animate({ opacity: 1 }, 1000); 
     $(this).dequeue(); 
    }); 
}); 

画像はクリック可能である全体のdivを持つように、されたマークアップは、ドットネットと混合されるが、ここでは

<div class="product_images">   
    <div class="mainImage">    
     <a class="ShowProductImageDlg" href="#" onclick="ProductImagesDlgClientSide.showDialog('@Model.ProductToDisplay.Product.UrlSlug', 'Bottle'); return false;" > 
      <img class="LargeImage" src="@Model.ProductToDisplay.Product.awsImageUrlLarge" alt="@Model.ProductToDisplay.Product.ProductName" /> 
     </a>    
    </div> 
    <strong>Additional Images</strong> 
    <div class="thumbnail"> 
     <ul> 
      <li><a href=""><img class="SmallImage Bottle" src="@Model.ProductToDisplay.Product.awsImageUrlSmall" 
        alt="@Model.ProductToDisplay.Product.ProductName" /></a></li>     

      <li><a href=""><img class="SmallImage BackLabel" src="@Model.ProductToDisplay.ProductAdditionalImageUrlSmall(awsProductImageType.BackLabel)" 
        alt="@Model.ProductToDisplay.Product.ProductName" /></a></li>    
     </ul> 
    </div>  
</div> 

最終目標であります（それは90pxで90pxです）画像自体が80x35である場合。

同じjQueryを使用したいと思います。

Answer 1

あなたはそのようにこれを行うことができます（see jsfiddle as a proof）：基本的に

var link = jQuery('<a>', { 
    'href': 'http://www.google.com/', 
    'title': 'Dynamically generated link' 
}); 

jQuery('img').wrap(link); 

あなたが最初 （リンク（ <a>要素）を作成し、 imgセレクタで選択された画像のまわりでそれをラップすることができますあなたのニーズに合わせて調整してください）。