jquery - 我可以使 .pngs 不延迟加载吗？

Question

当我单击 Bootstrap 中的弹出菜单时，需要几秒钟才能打开，因为里面充满了 .png。我已经尝试在这里使用 .svgs，但它们对于一致渲染来说是一场噩梦。

在页面加载时加载这些 .png 文件的最佳方法是什么，以便即时打开弹出菜单？我目前将其放在页面底部，这不会使单击弹出菜单加载速度更快。

<div style="display: hidden">
    <img src="img1">
    <img src="img2">
    ... etc ...
</div>

Answer 1

您可以在使用 png 文件之前加载它们。这可以在页面加载完成时通过 javascript 或使用 jQuery 为每个 png 创建一个 img 元素并设置 src 属性来完成。

下载图像后，弹出窗口打开时它们将立即可用。

参见this question.