Javascript JQuery图像库-所选图像临时更改布局

我正在尝试创建一个简单的电子商务产品库。每当用户单击缩略图时，图像都会正确加载，但由于图像正在与选定图像交换，因此布局会在一秒钟内移动位置。有人知道在没有这种情况下清理代码的方法吗？我是Jquery的新手，所以我可能没有用正确的方法来做这件事

 $(function() {
    $(".image").click(function() {
    var image = $(this).attr("rel");
    $('#image').hide();
    $('#image').fadeIn('slow');
    $('#image').html('<img src="' + image + '"/>');
    return false;
        });
    });

这是一个

不要隐藏图像，而要隐藏其中的img

我添加了淡出，而不是隐藏，使它看起来更平滑。然后在fadeOut的回调中执行fadeIn

---

这主要发生在您快速单击缩略图或双击它时。谢谢。看起来好多了。在这方面还有很多工作要做很高兴有帮助，请考虑投票，并将其标记为正确答案。

$(function() {
    $(".image").click(function() {
       var image = $(this).attr("rel");
       $('#image img').fadeOut("slow", function(){
           $('#image').html('<img src="' + image + '"/>');
           $('#image').fadeIn('slow');
       });
       return false;
    });
});