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 相关文章推荐
Ext 表单布局实例代码
Apr 30 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
Bootstrap 响应式实用工具实例详解
Mar 29 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
如何实现vue的tree组件
Dec 03 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设计模式 Composite (组合模式)
2011/06/26 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
2019/05/21 PHP
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
js类型检查实现代码
2010/10/29 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
网页设计个人找工作求职信
2013/11/28 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
京剧自荐信
2014/01/26 职场文书
公司薪酬管理制度
2014/01/31 职场文书
三万活动总结
2014/04/28 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
公司给客户的感谢信
2015/01/23 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL