jQuery replaceWith函数flash

Question

我使用jquery.replaceWith（）函数..它工作正常，但当我在图像上使用它时，它会创建一个闪存。我的意思是它取代了图像-a by image-b但是当图像-a被删除，而图像-b被加载时，没有任何东西，所以盒子是0px高度，这使得所有的铺设变化1秒钟闪光一切......

我应该使用什么，或者如何使用replaceWith（）仅在加载后放置图像，因此替换它将是瞬时的。

您可以在此处查看nextgen图库浏览器侧面显示问题 http://mecanomedic.com/cms/

Answer 1

由于图片的尺寸始终相同，您可以在<img>标记上指定尺寸：

<img class="slideshow" src="/path/to/my/image001.jpg" width="267" height="200">

或者使用CSS：

.slideshow {
    height: 267px;
    width: 267px;
}

这可以防止元素在新图像加载时改变大小。

此外，您可能只想更改src标记的<img>，而不是替换整个DOM条目：

$(currentimage).attr('src','/path/to/my/image002.jpg');