js 图片按比例缩放

<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
 var image=new Image();
 var iwidth = 150;  //定义允许图片宽度
 var iheight = 150;  //定义允许图片高度
 image.src=ImgD.src;
 if(image.width>0 && image.height>0){
 flag=true;
 if(image.width/image.height>= iwidth/iheight){
  if(image.width>iwidth){  
  ImgD.width=iwidth;
  ImgD.height=(image.height*iwidth)/image.width;
  }else{
  ImgD.width=image.width;  
  ImgD.height=image.height;
  }
  ImgD.alt=image.width+"×"+image.height;
  }
 else{
  if(image.height>iheight){  
  ImgD.height=iheight;
  ImgD.width=(image.width*iheight)/image.height;  
  }else{
  ImgD.width=image.width;  
  ImgD.height=image.height;
  }
  ImgD.alt=image.width+"×"+image.height;
  }
 }
} 
//-->
</script>

时间： 2024-09-17 10:00:48

js 图片按比例缩放的相关文章

JS图片等比例缩放方法完整示例_javascript技巧

本文实例讲述了JS图片等比例缩放方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

js图片等比例缩放

js图片等比例缩放 /使用onload=resizeImage(this,长,宽); function resizeImage(img,w,h) {     var image=new Image();     image.src = img.src;     if(image.width > 0 && image.height > 0)     {         if(image.width / image.height >= w/h)         {      

js图片按比例缩放代码

js图片按比例缩放代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jjs图片按比例缩放代码</title> <script language="javascript教程">  //图片按比例缩放 var flag = false; function DrawIm

几款js图片等比例缩放效果代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="cont

五款js 图片等比例缩放效果

<script type="text/网页特效"> <!-- //图片按比例缩放---素材图片页面控制 var flag=false; function newdrawimage(imgd){  var image=new image();  var iwidth = 200;  //定义允许图片宽度  var iheight = 150;  //定义允许图片高度  image.src=imgd.src;  if(image.width>0 &&

js图片等比例缩放程序代码

例1  代码如下 复制代码 <script type="text/javascript">  function changeImg(objImg)  {      var most = 690;        //设置最大宽度      if(objImg.width > most)      {          var scaling = 1-(objImg.width-most)/objImg.width;             //计算缩小比例       

js 图片按比例缩放代码

这是一款可以根据图片的大小自行按比便进行放大或缩小效果的简单js代码哦. <script> function resizepic(thispic) { if(thispic.width>570) thispic.width=570; } function bbimg(o) {   var zoom=parseInt(o.style.zoom, 10)||100;   zoom+=event.wheelDelta/12;   if (zoom>0) o.style.zoom=zoom

两款js图片等比例缩放（兼容IE6,IE7,FF)

 代码如下 复制代码 <script language="网页特效" type="text/javascript"> <!-- function imgauto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度  var maxw=250; //定义图片显示的最大宽度  var maxh=250; //定义图片显示的最大高度  var o=new image();o.src=i.src;var w=o.width;var h

js 图片等比例缩放代码_图象特效

复制代码 代码如下: var scaleImage = function(o, w, h){ var img = new Image(); img.src = o.src; if(img.width >0 && img.height>0) { if(img.width/img.height >= w/h) { if(img.width > w) { o.width = w; o.height = (img.height*w) / img.width; } else