如何使用javascript/jQuery预先加载图片
下面这段代码可以有效的帮助你预先加载图片。
然后,你可以使用如下方法来调用:
当然,其实上面代码并没有使用jQuery独有的方法,所以你可以直接使用javascript来调用如上preLoadImages方法。
转自GBin1
- (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("gbin1logo.png", "/path/gbin1.png");
当然,其实上面代码并没有使用jQuery独有的方法,所以你可以直接使用javascript来调用如上preLoadImages方法。
转自GBin1
【如何使用javascript/jQuery预先加载图片】相关文章
1. 如何使用javascript/jQuery预先加载图片
3. 如何使用jQuery或者javascript处理Cookie?
10. 如何使用CSS生成一个三角形?
本文来源:https://www.51html5.com/a1110.html
﹝如何使用javascript/jQuery预先加载图片﹞相关内容
- 浅谈如何使用HTML5的Canvas绘图
- 如何使用 HTML5 的 Notification API
- 移动中间件2.0时代,企业如何使用HTML5
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- Echo.js: 图片延迟加载的 JavaScript 库
- 360公司成为W3C成员 并率先加入HTML工作组
- 是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率
- 任何应用都可以使用JavaScript来编写
- 使用 jQuery Ajax 在页面滚动时从服务器加载数据
- 使用 jQuery Ajax 在页面滚动时从服务器加载数据