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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
Apr 04 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
javascript中异常处理案例(推荐)
Oct 03 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
如何提高javascript加载速度
Dec 26 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
bootstrap Table实现合并相同行
Jul 19 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 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设计模式之命令模式的深入解析
2013/06/13 PHP
mac下Apache + MySql + PHP搭建网站开发环境
2014/06/02 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
javascript数组详解
2014/10/22 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python实现优先级队列结构的方法详解
2016/06/02 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
设计师珠宝:Ylang 23
2018/05/11 全球购物
拖鞋店创业计划书
2014/01/15 职场文书
优秀语文教师事迹
2014/05/18 职场文书
护理专业求职信
2014/06/15 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
2015年副班长工作总结
2015/05/15 职场文书
2016年习总书记讲话学习心得体会
2016/01/20 职场文书
Linux中sftp常用命令整理
2022/06/28 Servers
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python