弹出框内的图像

Question

我的弹出框有如下问题：

我有一个带有一些 PHP 生成内容的弹出框，并且没有固定高度，我想在该弹出框中插入一个图像。提示像这样漂浮在我的元素上：

问题是，如果图像没有在 dom 中预加载，它会在创建弹出框时加载，但由于弹出框在图像完全加载之前显示，它会显示没有图像的提示并给出它30px 的高度，然后加载像这样向下移动工具提示的图像

有没有办法在显示之前加载工具提示内容（显示加载 gif？）？

我可以使用固定的高度，但我的图片尺寸不同，所以看起来不太好。

希望我说得够清楚了。

Answer 1

尝试使用 JavaScript 预加载图像：

if (document.images) {
img1 = new Image(75,22); img1.src = "img1.png";
img2 = new Image(75,22); img2.src = "img2.png";
}

编辑：如果您有数百张图片并且不想全部加载，请将 loader.gif 放在您的图片下方，仅预加载 loader.gif。