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 相关文章推荐
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
单击复制文字兼容各浏览器的完美解决方案
Jul 04 Javascript
子页向父页传值示例
Nov 27 Javascript
教你如何使用node.js制作代理服务器
Nov 26 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
Apr 13 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
JS实现商品筛选功能
Aug 19 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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 smarty 二级分类代码和模版循环例子
2011/06/16 PHP
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
Yii清理缓存的方法
2016/01/06 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
xml文档转换工具,附图表例子(hta)
2010/11/17 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
vue style width a href动态拼接问题的解决
2020/08/07 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
python实现多线程采集的2个代码例子
2014/07/07 Python
Python选课系统开发程序
2016/09/02 Python
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
从Pytorch模型pth文件中读取参数成numpy矩阵的操作
2021/03/04 Python
微信html5页面调用第三方位置导航的示例
2018/03/14 HTML / CSS
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
2021/01/20 HTML / CSS
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
阿拉伯书店:Jamalon
2019/07/24 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
法律专业应届本科毕业生求职信
2013/10/25 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
基于Go语言构建RESTful API服务
2021/07/25 Golang
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
Python 数据可视化之Bokeh详解
2021/11/02 Python