JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > 如何使用javascript/jQuery预先加载图片

如何使用javascript/jQuery预先加载图片

下面这段代码可以有效的帮助你预先加载图片。

  1. (function($) {
  2.   var cache = [];
  3.   //参数是图片相对于当前页面的路径
  4.   $.preLoadImages = function() {
  5.     var args_len = arguments.length;
  6.     for (var i = args_len; i--;) {
  7.       var cacheImage = document.createElement('img');
  8.       cacheImage.src = arguments[i];
  9.       cache.push(cacheImage);
  10.     }
  11.   }
  12. })(jQuery)
复制代码

然后,你可以使用如下方法来调用:

  1. jQuery.preLoadImages("gbin1logo.png", "/path/gbin1.png");
复制代码

当然,其实上面代码并没有使用jQuery独有的方法,所以你可以直接使用javascript来调用如上preLoadImages方法。



转自GBin1


【如何使用javascript/jQuery预先加载图片】相关文章

1. 如何使用javascript/jQuery预先加载图片

2. 如何使用jQuery加载js脚本

3. 如何使用jQuery或者javascript处理Cookie?

4. 如何使用jquery插件截取图片颜色调

5. jQuery图片异步加载和预加载功能

6. jquery预览提交的表单

7. 忘掉jQuery,使用JavaScript原生API

8. 忘掉jQuery,使用JavaScript原生API

9. 如何使用details元素和summary元素

10. 如何使用CSS生成一个三角形?

本文来源:https://www.51html5.com/a1110.html

点击展开全部

﹝如何使用javascript/jQuery预先加载图片﹞相关内容

「如何使用javascript/jQuery预先加载图片」相关专题

其它栏目

也许您还喜欢