img图片加载前显示load图片
2014-10-27 16:01
141 查看
只需要设置img的background即可
<img src="" alt="" class="detailImg" >
css设置:
#detailModel .detailImg{
width: 100%;
border-radius: 5px;
border: 1px solid #c3c3c3;
background:url("../img/load2.gif") no-repeat center 50%;
}
<img src="" alt="" class="detailImg" >
css设置:
#detailModel .detailImg{
width: 100%;
border-radius: 5px;
border: 1px solid #c3c3c3;
background:url("../img/load2.gif") no-repeat center 50%;
}
相关文章推荐
- 多种方法实现load加载完成后把图片一次性显示出来
- JQUERY 插件开发——LAZYLOADIMG(预加载和延迟加载图片)
- 图片延迟加载jquery插件imgLazyLoad(三)
- img 加载网络图片失败 显示默认图片的方法
- vue + vuelazyload图片懒加载 + 显示默认图片 (视频门户网站)
- 图片懒加载imglazyload之ioniclazyload的使用和介绍
- img标签中的图片加载异常时显示默认的图片
- 图片懒加载imglazyload之ioniclazyload的使用和介绍
- img标签添加onerror显示没有加载图片时的图片
- js处理img标签加载图片失败,显示默认图片
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- img标签中的图片加载异常时显示默认的图片
- 寻求VideoView 第一帧图片显示imgView加载慢问题
- JS处理img标签加载图片失败,显示默认图片
- loadhtmlstring加载内容是不显示图片
- Imgload加载网络图片
- ionic 、ionic-image-lazy-load网络图片的懒加载和和加载效果,居中显示
- 使用jquery给加载失败的img元素显示默认图片
- 如何一个load 加载完成后把图片一次性显示出来