我已经搜索过但未能找到使用Bootstrap Carousel预加载图像的方法。我正在建立一个包含大量图像的投资组合网站,现在Bootstrap轮播在加载所有图像后正常工作。
有什么想法吗?
答案 0 :(得分:4)
我非常确定Bootstrap轮播中的图像没有动态加载,但加载了页面。因此,没有任何理由可以预加载。
当图像动态加载到页面上时使用预加载。发生这种情况时,页面必须将此图像与页面分开加载,从而导致动态添加和图像下载/显示之间出现不希望的延迟。
因为bootstrap的旋转木马将它的图像包含在HTML中并且只是用javascript隐藏,所以图像会加载到页面中,从而导致无法预加载的任何内容
tl; dr:您已经为您完成了。