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 相关文章推荐
jQuery选择器中含有空格的使用示例及注意事项
Aug 25 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
JS搜狐面试题分析
Dec 16 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
layer提示框添加多个按钮选择的实例
Sep 12 Javascript
基于VUE实现判断设备是PC还是移动端
Jul 03 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
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
PHP无刷新上传文件实现代码
2011/09/19 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
php查询及多条件查询
2017/02/26 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
JavaScript事件列表解说
2006/12/22 Javascript
Jquery 弹出层插件实现代码
2009/10/24 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
详解javascript高级定时器
2015/12/31 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
2017/06/08 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
个人委托书
2014/07/31 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
幼师个人总结范文
2015/02/28 职场文书
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python
关于Python中进度条的六个实用技巧分享
2022/04/05 Python