图片按比例缩小(css强制)js代码

时间:2013-08-19 02:10:01  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:款是利用网页特效对图片按比例进行缩小代码 <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>图片按比例缩小(css强制)网页特效代码</title> <style> <!-- css强制按比例缩小图片,很...
  正文:本文章提供了三种图片按比例自动缩小代码,一款是利用Css强制图片按比例缩小,后两款是利用js(第二电脑网http://www.002pc.com)对图片按比例进行缩小代码

本文章提供了三种图片按比例自动缩小代码,一款是利用css教程强制图片按比例缩小,后两款是利用网页特效对图片按比例进行缩小代码

<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>图片按比例缩小(css强制)网页特效代码</title>

<style>
<!-- css强制按比例缩小图片,很多情况下,不用这种方法,会增加ie负荷。-->
.thumbimage {
    max-width: 50px;
    max-height: 50px;
}
* html .thumbimage {
    width: expression(this.width > 50 && this.width > this.height ? 50 : true);
    height: expresion(this.height > 50 ? 50 : true);
}

</style>

</head>

<body>
<img src="/js(第二电脑网http://www.002pc.com)css/demoimg/wall3.jpg">
</body>
</html>


雅虎图片的按比例缩小代码::


<script type="text/网页特效">
function setimgsize(img,width,height){
var maxwidth=width;//设置图片宽度界限
var maxheight=height;//设置图片高度界限
var heightwidth=img.offsetheight/img.offsetwidth;//设置高宽比
var widthheight=img.offsetwidth/img.offsetheight;//设置宽高比
if(img.offsetwidth>maxwidth){
img.width=maxwidth;
img.height=maxwidth*heightwidth;
}
if(img.offsetheight>maxheight){
img.height=maxheight;
img.width=maxheight*widthheight;
}
}

</script>


使用:<img src="/www.111cn.net/logo-yy.gif" border=0  onload="setimgsize(this,132,160);">

<script language="网页特效">
<!--
var flag=false;
function drawimage(imgd){
var image=new image();
image.src=imgd.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 180/110){
  if(image.width>180){
   imgd.width=180;
   imgd.height=(image.height*110)/image.width;
  }else{
   imgd.width=image.width;
   imgd.height=image.height;
  }
  /*imgd.alt="bigpic" */
}
else{
  if(image.height>110){
   imgd.height=110;
   imgd.width=(image.width*110)/image.height;
  }else{
   imgd.width=image.width;
   imgd.height=image.height;
  }
   /*imgd.alt="bigpic" */
}
}
}
//-->
</script>

<img src="/www.111cn.net/logo-yy.gif" border=0  onload="drawimage(this);">

方法四图片按比例缩小(css强制)js(第二电脑网http://www.002pc.com)代码

<img src="..." alt="..." onload="resizeimage(this)" />
<script type="text/JavaScript">
function resizeimage(obj) {
    obj.width = obj.width > 50 && obj.width > obj.height ? 50 : auto;
    obj.height = obj.height > 50 ? 50 : auto;
}
</script>

"图片按比例缩小(css强制)js代码"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/26941.html


关于《图片按比例缩小(css强制)js代码》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td