预加载图片并显示的例子
2012-03-04 23:03
176 查看
function preloadimg(url,obj){ var img=new Image(); img.onload=function(){ obj.innerHTML=""; obj.style.width=String(img.width)+"px"; obj.appendChild(img); }; img.onerror=function(){ obj.innerHTML="图片加载错误,请检查网络或URL地址!" }; img.src=url; //img.src一定要写在img.onload之后,否则在IE中会出现问题 } $(document).ready(function(e) { preloadimg("http://upload.wikimedia.org/wikipedia/commons/1/15/Tzaishan_at_nsysu.jpg",$("#imgtest")[0]); });
使用appendChild函数将预加载后的img对象输出到页面中。
如果使用img的src属性输出将会再次读取图片内容而不是适用缓存中的图像。
相关文章推荐
- 一则从网上找的加载图片出错显示默认图片的例子
- IOS从网络上异步加载一系列的图片并显示在tableview上的例子
- 图片加载进度实时显示
- android利用定时器实现应用开头加载图片或者静态广告的显示
- VC6中使用内存DC加载并显示JPG图片的注意事项
- 图片加载显示loading图的疑惑解决
- Android 本地加载网页与显示网络图片
- AsyncTask异步加载图片 进度条显示进度 -- Android学习之路
- 自己整理的瀑布流+滚动加载图片的例子
- dojo小例子(16)Grid cell里显示图片,图片取自rest
- 关于Viewpager加载网络图片显示不全
- android ListView 重写 SimpleAdapter 显示图片 异步加载及文字处理
- 当图片URL为404时,使用Glide加载图片,修改用户头像无法显示最新图片bug
- Android-Universal-Image-Loader的图片加载、显示流程
- Android----高德地图多个Marker加载网络图片出现图片不显示问题
- 『HTML5游戏开发』加载图片和显示进度条
- 使用ImageLoader显示圆角图片、圆形图片、加载drawable的BUG
- Flex中Image加载图片出错时显示默认图片的几种方法
- 如何用纯的C++语言显示和加载一幅图片
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片