Javascript 用js预加载图像

我使用教程在我的网站上制作图像滑块。但我有100多张照片。当页面加载时，很难加载所有内容。那么，有什么技巧可以预加载前10张图片，比如，当我滑到第9张时，再加载10张

---

或者已经为jquery准备好了插件，它提供了以下功能？

对于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");

---

对于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");

---

使用jquery，可以实现如下简单功能：

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

$（'
它创建一个元素，但从不将其添加到页面中
因此，图像已加载，但从未显示
检查firebug中的网络面板以查看它是否已加载。
使用jquery，可以实现如下简单功能：

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

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