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 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
Mar 04 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
jquery高级编程的最佳实践详解
Mar 23 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
简述vue中的config配置
Jan 23 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 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
神族 PROTOSS 概述
2020/03/14 星际争霸
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
有关爱国演讲稿
2014/05/07 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
东京审判观后感
2015/06/01 职场文书
地道战观后感400字
2015/06/04 职场文书
小学班主任教育随笔
2015/08/15 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python