jquery预加载图片的方法


Posted in Javascript onMay 27, 2015

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

这段代码可以在页面打开前对图片进行预加载,这个函数非常有用,可以给用户带来更好的体验。

function preloadImages(oImageList, callback) {
 if ( typeof (oImageList) == 'object' && typeof (callback) === "function") {
  var iCallbackAfter = oImageList.length;
  var iPreloadInterval = window.setInterval(function() {
   if (iCallbackAfter === 0) {
    window.clearInterval(iPreloadInterval);
    callback();
   }
  }, 100);
  $.each(oImageList, function(iIndex, sImage) {
   oImageList[iIndex] = new Image();
   oImageList[iIndex].onload = function(oResult) {
    iCallbackAfter--;
   };
   oImageList[iIndex].onabort = function(oResult) {
    console.log(oResult);
   };
   oImageList[iIndex].onerror = function(oResult) {
    console.log(oResult);
   };
   if (!sImage.match('http://')) {
    sImage = sImage;
   }
   oImageList[iIndex].src = sImage;
  });
 }
}

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

Javascript 相关文章推荐
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
jquery使用经验小结
May 20 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 #Javascript
js实现键盘Enter键提交表单的方法
May 27 #Javascript
js实现简单锁屏功能实例
May 27 #Javascript
JS实现简单路由器功能的方法
May 27 #Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 #Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 #Javascript
js实现文本框选中的方法
May 26 #Javascript
You might like
使用PHP生成二维码的两种方法(带logo图像)
2014/03/14 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
HTML Table 空白单元格补全的简单实现
2016/10/13 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
canvas滤镜效果实现代码
2017/02/06 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
Python iter()函数用法实例分析
2018/03/17 Python
Python异常的检测和处理方法
2018/10/26 Python
django从后台返回html代码的实例
2020/03/11 Python
CSS3 毛玻璃效果
2019/08/14 HTML / CSS
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
餐饮业会计岗位职责
2013/12/19 职场文书
机电一体化求职信
2014/03/10 职场文书
小学作文评语大全
2014/04/21 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
借钱欠条怎么写
2015/07/03 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript
Python类方法总结讲解
2021/07/26 Python
Python接口自动化之文件上传/下载接口详解
2022/04/05 Python