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 相关文章推荐
prototype class详解
Sep 07 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
JQuery中clone方法复制节点
May 18 Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
Jan 26 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
简述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
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
2010/07/11 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
原生js实现简单的模态框示例
2017/09/08 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
详解supervisor使用教程
2017/11/21 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
python模块常用用法实例详解
2019/10/17 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
Servlet面试题库
2015/07/18 面试题
回门宴答谢词
2014/01/13 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
推普周活动总结
2014/08/28 职场文书
党员检讨书范文
2014/12/27 职场文书
大学生团员个人总结
2015/02/14 职场文书
大国崛起英国观后感
2015/06/02 职场文书
单独二胎证明
2015/06/24 职场文书
聘任通知书
2015/09/21 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题