我已经搜索过,但未能找到使用 Bootstrap Carousel 预加载图像的方法。我正在建立一个包含大量图像的投资组合网站,现在 Bootstrap 轮播在加载所有图像后可以正常工作。
有什么想法吗?
最佳答案
我非常确定 Bootstrap 轮播中的图像不是动态加载的,而是随页面一起加载的。因此,您没有任何理由进行预加载。
当图像动态加载到页面上时,会使用预加载。发生这种情况时,页面必须独立于页面加载该图像,从而导致动态添加和图像下载/显示之间出现不良的延迟。
因为 bootstrap 的轮播将其图像包含在 HTML 中并简单地用 JavaScript 隐藏,所以图像会随页面一起加载,从而实现为您实现的任何预加载。
tl;dr:你不能,它已经为你做好了。
关于jquery - Bootstrap 轮播/预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15824316/