img图片加载前显示load图片

只需要设置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%;

}

时间: 2024-10-03 21:54:16

img图片加载前显示load图片的相关文章

图片加载失败显示默认图片占位符

为网站的图片加上加载失败的默认占位符会让网站看起来更专业.更严谨. <img src="__PUBLIC__/img/simple/simplelove.png"  onerror="onerror=null;src='__PUBLIC__/img/defaultpic.jpg'"> 原文地址:https://www.cnblogs.com/Zmmy/p/8531205.html

JS图片加载失败显示默认图片

代码如下: <div id='photo<%# Container.DataItemIndex+1%>' style="position: absolute; display: none;"> <img alt="照片" src='../HR_System/Photo/s_<%# Eval("pr0214")%>.jpg' onerror="document.getElementById('vi

js判断图片加载完成后获取图片实际宽高

通常,我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度,但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高,这显然在有些时候不是我们想要的结果,那么有没有一种方法来获取这样的实际宽高呢?答案是有的.下面的代码就能解决这样的问题: <img src="01.jpg" id="test" width="250px"

从代码分析Android-Universal-Image-Loader的图片加载、显示流程

从UNIVERSAL IMAGE LOADER. PART 3(四个DisplayImage重载方法详解)中,我们学习了Android-Universal-Image-Loader(以下简称UIL)中四个DisplayImage重载方法的使用,如果你还没有学习,最好先返回去看看,不然可能不理解这篇文章.在这篇文章中我们将主要探讨Android-Universal-Image-Loader的主要流程和这些流程相关的类的分析. 我们先了解一下UIL加载图片的流程(可以通过查看ImageLoader.

js解决img标签加载失败显示默认图片

问题: 为所有显示楼盘的页面添加一个加载失败的默认图片. 基本思路: img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片. $(function(){ //注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件 $("img").attr("onerror","this.src='img/error.jpg;this.onerror=null;'&

imagepool前端图片加载管理器(JavaScript图片连接池)

前言 imagepool是一款管理图片加载的JS工具,通过imagepool可以控制图片并发加载个数. 对于图片加载,最原始的方式就是直接写个img标签,比如:<img src="图片url" />. 经过不断优化,出现了图片延迟加载方案,这回图片的URL不直接写在src属性中,而是写在某个属性中,比如:<img src="" data-src="图片url" />.这样浏览器就不会自动加载图片,等到一个恰当的时机需要加载

图片加载库Glide——解决图片错乱+无法设置tag

今天在写一个图片加载类ImageLoader,在使用的时候想用Glide替代我写的ImageLoader,然后问题就出来了!!! 第一个问题:在使用自己写的ImageLoader的时候,为了防止item复用导致的图片错乱,设置了Tag 如下代码 @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView ==

19_Android中图片加载到内存,图片缩放,图片翻转倒置,网上撕衣服游戏案例编写

?? 1  场景:一张图片很大,放到手机上时需要对图片资源进行压缩以及缩放,编写如下界面的案例: 2 操作:当点击加载图片到内存时,图片从自己的手机sd卡中取到并显示. 3 ADT开发时,手机连接上电脑后,在Android开发工具中的"FileExplorer"中的文件位置如下: 4 下面开始编写代码,项目结构如下: 5 编写activity_main.xml,代码如下: <LinearLayout xmlns:android="http://schemas.andro

opencv图片加载与显示

vs2010+opencv2.40 用cvnamewindows等函数做的. #include "iostream" #include "cv.h" #include "highgui.h" using namespace std; int _tmain(int argc, _TCHAR* argv[]) { IplImage* pImg; //声明IplImage指针 //载入图像 if( ( pImg = cvLoadImage( "