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，但是通过在页面上悬停更大的图像来查看缩放的图像，无论您是否更改了图像，都可以通过单击缩略图来显示相同​​的图像< / p>

相关网页为http://mensclothingroom.factoryagency.co.uk/product/ben-fogle-collection-expedition-sock/

Answer 1

您可能需要替换整个元素，而不是仅替换src属性：

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