javasxript图片预加载兼容代码(IE7/IE8/IE9/火狐/谷歌/苹果)

news/2024/11/17 6:34:14/

代码很简单

//图片预加载
function readyImage(url,callback){var img = new Image(); img.src=url;if(img.complete){  var imgWh = [img.width,img.height];callback(i,imgWh);}else{img.onload  = function(){var imgWh = [img.width,img.height];callback(i,imgWh);}}
}


我看很多人只用img.complete或者还用到浏览器判断,其实不用,这样就很好了,引用是这样引用的

//callback不要用引号,否则无效
readyImage(url,callback)


 


http://www.ppmy.cn/news/789661.html

相关文章

A7架构

以Cortex-A7 MPCore processor来进行说明,这是一款主打低功耗的多核处理器,采用ARMv7-A架构,最多支持4个core。 每个core都有L1级的Cache,分为instruction cache,data cache。四个core分别连接到SCU(Snoop Control Uni…

CSS3 3D相册

今天来做一个基于CSS3 3D属性的3D相册效果。 1 基本布局 首先来完成基本布局,从效果图中可以看到,所有图片一开始均位于同一位置,然后经过不同的角度的旋转以及平移到不同的位置,达到一个”旋转散开”的效果。所以基本的思路就是…

xapian的使用

1、先来看一下Xapian的介绍: Xapian的官方网站是http://www.xapian.org,这是一个非常优秀的开源搜索引擎项目,搜索引擎其实只是一个通俗的说法,正式的说法其实是IR(Information Retrieval)系统。Xapian的Li…

HTML-网页-3D旋转相册-创意相册

HTML-网页-3D旋转相册 代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>3D旋转相册</title><style>*{margin: 0;padding: 0;}html,body{height: 100%;}body{overflow: h…

Android 7.0 适配相机及裁剪图片

Android 7.0调用相机及裁剪图片,还有动态权限 简书&#xff1a;Android 7.0 文件读取适配&#xff0c;及适配相机及裁剪图片 Demo挂载在码云上 码云链接 Github代码 华为荣耀V8和小米5测试通过&#xff0c;其他机子没机会测试。。。。 因为公司项目需要能修改头像功能&…

HTML旋转相册

✅作者简介&#xff1a;大家好我是每天都要敲代码&#xff0c;一位材料转码农的选手&#xff0c;希望一起努力&#xff0c;一起进步&#xff01; &#x1f4c3;个人主页&#xff1a;每天都要敲代码的个人主页 &#x1f4ac;在我们学习的过程中&#xff0c;肯定需要刷题&#xf…

H5实现拍照及相册图片上传

最近在做一个H5的小型电商项目&#xff0c;其中有一个是现金刷卡之后需要上传凭证图片的&#xff0c;因此也就需要在H5中实现可以上传图片。 我们都知道&#xff0c;input标签的type为file是可以上传图片的&#xff0c;本来想着这么简单&#xff0c;有啥难的&#xff0c;可是到…

六、NAT基础实验3——PAT配置

更多网络基础内容可见: 网络基础学习目录及各章节指引 6.5.3 配置PAT 实验目的 学习PAT的配置方法,PC1、PC2能访问4.4.4.4的WWW 实验工具 Cisco Packet Tracer 实验环境 安装模拟器的Windows系统