jquery - Bootstrap 轮播/预加载图像

标签 jquery twitter-bootstrap carousel image-preloader

我已经搜索过,但未能找到使用 Bootstrap Carousel 预加载图像的方法。我正在建立一个包含大量图像的投资组合网站,现在 Bootstrap 轮播在加载所有图像后可以正常工作。

有什么想法吗?

最佳答案

我非常确定 Bootstrap 轮播中的图像不是动态加载的,而是随页面一起加载的。因此,您没有任何理由进行预加载。

当图像动态加载到页面上时,会使用预加载。发生这种情况时,页面必须独立于页面加载该图像,从而导致动态添加和图像下载/显示之间出现不良的延迟。

因为 bootstrap 的轮播将其图像包含在 HTML 中并简单地用 JavaScript 隐藏,所以图像会随页面一起加载,从而实现为您实现的任何预加载。

tl;dr:你不能,它已经为你做好了。

关于jquery - Bootstrap 轮播/预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15824316/

相关文章:

html - 轮播未显示在我的网站上

jquery - 在 Bootstrap 中做背景图片轮播

javascript - 创建垂直图像轮播

jquery - 漂亮的照片库在屏幕上打开得太低,并且当您向下滚动时会向下移动

php - 使用 JQuery 将 .php 文件加载到 div 中

javascript - 使用 jQuery 从跨域 Ajax 请求接收 XML 响应

css - Bootstrap 嵌套变坏

twitter-bootstrap - 编译 Bootstrap 时如何修复更少的错误?

html - 使用 HTML5 的背景图片以适应页面

javascript - 如何使页面中的元素与另一个元素具有完全相同的视觉宽度?