当我通过javascript加载图像时,如何避免图像"跳跃"

leo*_*ora 0 jquery image

我有许多相对使用css等排成一列的图像.

更改选择下拉列表后,我在javascript函数中有此代码:

$("#imagePlaceholder").html("<img src='/Content/Images/image1.png' />");
Run Code Online (Sandbox Code Playgroud)

问题在于,在下载图像时,其余图像会"跳"一点并向上移动,一旦图像下载到客户端,它们就会向后移动.

所以一旦图像下载它看起来很好,但我想想出一种方法来避免过渡期间的"混蛋".

有没有标准的方法或最佳做法?

Mic*_*win 5

你需要设置的宽度和高度img.浏览器正在尝试补偿图像(因此"急动"),但如果不知道图像需要多少空间,它就无法顺利完成.