弹出窗口中的图像

Question

我的popover遇到了一个问题，如下所示：

我有一个弹窗与一些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。