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 相关文章推荐
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 Javascript
js的OOP继承实现(必看篇)
Feb 18 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
vue项目使用$router.go(-1)返回时刷新原来的界面操作
Jul 26 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
发布一个迷你php+AJAX聊天程序[聊天室]提供下载
2007/07/21 PHP
js删除所有的cookie的代码
2010/11/25 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
window.location 对象所包含的属性
2014/10/10 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
Python快速排序算法实例分析
2017/11/29 Python
Python 错误和异常代码详解
2018/01/29 Python
PyQt5每天必学之拖放事件
2020/08/27 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
音乐学个人的自荐书范文
2013/11/26 职场文书
演讲稿怎么写才完美
2014/01/02 职场文书
路政管理毕业自荐书范文
2014/02/10 职场文书
美食节目策划方案
2014/05/31 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
课外活动实习计划
2015/01/19 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
小学德育工作总结2015
2015/05/12 职场文书
教师节大会主持词
2015/07/06 职场文书
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android
如何在python中实现ECDSA你知道吗
2021/11/23 Python
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技