我可以让.png不是懒加载吗？

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.