实现图片加载前显示loading之类
2014-05-22 18:01
232 查看
<style>
#loader{
visibility:hidden;
}
</style>
<span id="loaderInfo">Loading...</span>
<img id="loader" onload="this.style.visibility='visible';loaderInfo.style.display='none'" src="<a href="http://desk.blueidea.com/DESK/16001200BZ/1600WaterCity_3/1600WaterCity_3001.jpg"
"="" style="text-decoration: none; color: rgb(54, 100, 157); font-family: simsun; font-size: 14px; line-height: 21px; background-color: rgb(254, 254, 254);">http://desk.blueidea.com/DESK/16001200BZ/1600WaterCity_3/1600WaterCity_3001.jpg"/>
#loader{
visibility:hidden;
}
</style>
<span id="loaderInfo">Loading...</span>
<img id="loader" onload="this.style.visibility='visible';loaderInfo.style.display='none'" src="<a href="http://desk.blueidea.com/DESK/16001200BZ/1600WaterCity_3/1600WaterCity_3001.jpg"
"="" style="text-decoration: none; color: rgb(54, 100, 157); font-family: simsun; font-size: 14px; line-height: 21px; background-color: rgb(254, 254, 254);">http://desk.blueidea.com/DESK/16001200BZ/1600WaterCity_3/1600WaterCity_3001.jpg"/>
相关文章推荐
- 实现图片加载前显示loading之类
- JS实现的自定义显示加载等待图片插件(loading.gif)
- 实现微信和QQ图片加载显示进度的效果-LoadingProgress
- Jquery:getJSON方法解决跨站ajax (json的解剖和运用) --附图片加载时的loading显示...
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- Android实现加载(loading)图片旋转的三种方式
- jquery.scrollLoading实现图片滚动加载
- js实现图片在未加载完成前显示加载中字样
- 自定义Loading载入状态(含图标) 及解决Flex中GIF动画图片加载时显示动起来
- android利用定时器实现应用开头加载图片或者静态广告的显示
- 如何实现图片逐渐加载逐渐显示 转载
- 多种方法实现load加载完成后把图片一次性显示出来
- Android下拉刷新库,利用viewdraghelper实现,集成了下拉刷新,底部加载更多,数据初始加载显示loading等功能
- JavaScript预加载图片并显示loading的代码
- 使用QT实现一个图像处理软件1 —— 图片的加载和显示
- 在图片加载前显示loading(利用图片背景样式)
- 实现图片加载时显示百分比思路——serverpush
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- 实现网页加载图片先显示模糊后清楚的图
- js实现图片在未加载完成前显示加载中字样