Javascript jquery的麻烦，图像替换

我目前正在创建一个项目，其中用户可以单击图像的缩略图，单击缩略图，替换主图像的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

属性：

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

$（'.mainImage'）。替换为（''）；

您的插件似乎有问题。“ZoomRapperImage”分区中的图像未被替换。检查如何将图像发送到插件。