弹出窗口内的图像

Question

我的popover有问题如下：

我有一个带有一些PHP生成的内容的popover，没有固定的高度，并且想要在该popover中插入图像。尖端漂浮在我的元素上，如下所示：

问题在于，如果图像没有预先加载到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。