jQuery实现预加载图片的方法


Posted in Javascript onMarch 17, 2015

本文实例讲述了jQuery实现预加载图片的方法。分享给大家供大家参考。具体分析如下:

这段js代码用于预加载图片,记住是预加载,不是后加载哟,就是在图片还不显示的时候就将图片下载到用户浏览器的缓存中,这样要显示的时候就非常快,无需再到服务器上去读取图片。

jQuery.preloadImages = function() { 
for(var i = 0; i < arguments.length; i++) { 


$("<img />").attr('src', arguments); 

}
};
//用法 
$.preloadImages('image1.gif','/path/to/image2.png','some/image3.jpg');

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
javascript onmouseout 解决办法
Jul 17 Javascript
验证码按回车不变解决方法
Mar 29 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
Nov 11 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
js中less常用的方法小结
Aug 09 Javascript
JS运动特效之同时运动实现方法分析
Jan 24 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
vue实现通讯录功能
Jul 14 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 Javascript
vue 封装面包屑组件教程
Nov 16 Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 #Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 #Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 #Javascript
input输入框鼠标焦点提示信息
Mar 17 #Javascript
原生JS实现LOADING效果
Mar 16 #Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 #Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 #Javascript
You might like
PHP操作文件方法问答
2007/03/16 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
php中的比较运算符详解
2013/10/28 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
PHP学习记录之数组函数
2018/06/01 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
js控制input输入字符解析
2013/12/27 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
解读Python中degrees()方法的使用
2015/05/18 Python
Python如何实现守护进程的方法示例
2017/02/08 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
django配置app中的静态文件步骤
2020/03/27 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
JPA的优势都有哪些
2013/07/04 面试题
给老婆的检讨书
2015/01/27 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
golang中的并发和并行
2021/05/08 Golang