当前位置：文江博客话题详情

用js预加载图片

发布于 2024-11-05 00:39:29 字数 275 浏览 0 评论 0原文

我使用这个教程来制作我网站上的图像滑块。但我有超过 100 张图像。页面加载时很难加载所有内容。那么，有什么技巧可以预加载前 10 张图像，然后当我滑到第 9 张时，加载另外 10 张图像？

或者有已经准备好的 jquery 插件提供了这个功能？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

起风了 2024-11-12 00:39:29

使用jquery，事情就像这样简单：

$('<img />')[0].src = 'image.jpg';

它创建一个元素但从不将其添加到页面
因此图像已加载，但从未显示
检查 firebug 中的网络面板以查看其已加载。

with jquery, something as simple as this works:

$('<img />')[0].src = 'image.jpg';

it creates an element but never adds it to the page
so the image is loaded, but never shown
check the Net panel in firebug to see it loaded.

回复收藏 0 原文

屋顶上的小猫咪 2024-11-12 00:39:29

对于 jQuery，我使用这个：

(function($) {
  var cache = [];

  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("/images/img01.jpg","/images/img02.jpg");

With jQuery I use this:

(function($) {
  var cache = [];

  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("/images/img01.jpg","/images/img02.jpg");

回复收藏 0 原文

~没有更多了~