jquery woes、image replacement

Question

私は現在、画像のサムネイルをクリックしてサムネイルをクリックし、サムネイルのより大きなバージョンを表示するためにメイン画像のsrcを置き換えるプロジェクトを作成しています。

$('.alternative_images a').click(function(e){ 
    var imgSrc = $(this).attr('href'); 
    $('.mainImage').attr('src', imgSrc); 
    $('#image').attr('href', imgSrc); 
    $('#image').attr('rel', $(this).attr('title')); 

    e.preventDefault(); 
}); 

これは正常に動作しますが、私はまた、jqZoomを実装しかし、ページ上の大きな画像のホバリングによって、ズーム画像を見ている、常にクリックするだけで、関係なく、あなたが画像を変更するかどうかの、同じ画像を表示します問題のサムネイル

ページにあなただけではなく、src属性を置き換えるの要素全体を交換する必要があるかもしれませんhttp://mensclothingroom.factoryagency.co.uk/product/ben-fogle-collection-expedition-sock/

Answer 1

です：

$('.mainImage').replaceWith('<img src="'+imgSrc+'" class="mainImage">');