菜单

赌博网站开户送88元CSS使图像等比例缩放兼容IE6、IE7、FF

2018年9月13日 - 赌博网站开户送88元

因想叫[黄岐在资讯网](http://www.huangqi.net)的论坛加图及传功能,但与此同时未思量用组件来决定图上传后底轻重缓急,因此即便利用了CSS来支配,查找了一半龙,最初步找到的是:

赌博网站开户送88元 1赌博网站开户送88元 2CSS控制图缩放1
<style type=”text/css”>
.thumbImage{ 
  max-width:300px; 
  max-height:200px; 
  } 
  *html.thumbImage{ 
  width:expression(this.width>300&&this.width>this.height?300:auto); 
  height:expresion(this.height>200?200:auto); 
  }
</style>

于图片调用中调用该CSS样式

<img src=”图片文件地点” class=”thumbImage” />

 

结果非常,于是更寻觅,找到一个:

赌博网站开户送88元 3赌博网站开户送88元 4CSS控制图缩放2
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns=”http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<script type=”text/javascript”>
function ResumeError() { return true; } 
window.onerror = ResumeError; //屏蔽JS错误,这样状态栏就未见面显“网站上生左了”
</script>

<style type=”text/css” >
.album-pic-list img { 
vertical-align: middle; 
max-width:100px;   /* FF IE7 */
max-height:100px; /* FF IE7 */
_width:expression(this.width > 100 && this.width > this.height ? 100: auto); /* IE6 */
_height:expression(this.height > 100 ? 100 : auto); /* IE6 */ 
}

</style>

</head>

<body>
<div class=”album-pic-list”>
   <img src=”pic/pic_03.jpg” />
   <img src=”pic/lo2.jpg” />   
</div>
</body>
</html>

 

然会提示auto未定义?起先我连从未将坏屏蔽JS错误的JS放上,所以会提示,后来加大上去,结果IE好像Down了。

不过因是例子中的相当提示,我又上加要词“IE6”搜索,终于找到了一个比较满意的

http://bbs.80nian.net/viewthread.php?tid=154

 

赌博网站开户送88元 5赌博网站开户送88元 6CSS控制图缩放
<script language=”javascript” type=”text/javascript”>
<!–
function ImgAuto(i){//你必被图片赌博网站开户送88元提前设定初始宽度和惊人,建议直接就是是极度可怜幅面与冲天
var MaxW=250;        //定义图片展示的顶酷幅面
var MaxH=250;        //定义图片展示的绝要命高度
var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}
if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}
}
–>
</script>
<img src=”http://bbs.tnbz.com/attachments/forumid\_42/XP\_IuSTD0jh5sSb.jpg” width=”250″ height=”250″ onload=”ImgAuto(this)”>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图