jQuery预加载图片常用方法


Posted in Javascript onJune 15, 2015

本文实例讲述了jQuery预加载图片常用方法。分享给大家供大家参考。具体如下:

方法1:

$.preloadImages = function() {
  for (var i = 0; i<arguments.length; i++) {
    img = new Image();
    img.src = arguments[i];
  }
}
$.preloadImages (
  "path_to_image_array",
  "path_to_image_array",
  "path_to_image_array"
);

方法2:

// JQUERY WAY TO PRELOAD IMAGES
// DOES NOT NEED TO BE IN DOCUMENT READY
$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
      img = new Image();
      img.src = arguments[i];
  }
}
$.preloadImages(
"path/to/image/1",
"path/to/image/2",
"path/to/image/3"
);

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
JS中比较两个Object数组是否相等方法实例
Nov 11 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
简述JavaScript中正则表达式的使用方法
Jun 15 #Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 #Javascript
在JavaScript中使用开平方根的sqrt()方法
Jun 15 #Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 #Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 #Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 #Javascript
JavaScript中的pow()方法使用详解
Jun 15 #Javascript
You might like
PHP扩展开发入门教程
2015/02/26 PHP
php单例模式的简单实现方法
2016/06/10 PHP
PHP页面输出搜索后跳转下一页的处理方法
2016/09/30 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
js身份证判断方法支持15位和18位
2014/03/18 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
jQuery中$.ajax()方法参数解析
2016/10/22 Javascript
js初始化验证实例详解
2016/11/26 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
通过实例解析json与jsonp原理及使用方法
2020/09/27 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
如何将json数据转换为python数据
2020/09/04 Python
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
财务信息服务专业自荐书范文
2014/02/08 职场文书
调查研究项目计划书
2014/04/29 职场文书
先进党支部事迹材料
2014/12/24 职场文书
党支部承诺书
2015/01/20 职场文书
会计简历自我评价
2015/03/10 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
python内置进制转换函数的操作
2021/06/02 Python
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
Python集合set()使用的方法详解
2022/03/18 Python