jquery的困境，圖片替換

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，但看着一個放大的圖像，通過懸停在頁面上更大的形象，總是顯示相同的圖像，無論你是否改變的圖像，通過點擊在縮略圖

有問題的頁面是http://mensclothingroom.factoryagency.co.uk/product/ben-fogle-collection-expedition-sock/

Answer 1

您可能需要更換整個部件，而不是僅僅更換src屬性：

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