源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

图片自动缩小的js代码,用以防止图片撑破页面

  • 时间:2020-06-15 21:31 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:图片自动缩小的js代码,用以防止图片撑破页面
JS代码(随便放哪里): <script language="JavaScript">  <!--  var flag=false;  function DrawImage(ImgD){  var image=new Image();  image.src=http://www.1sucai.cn/htmldata/2006-01-08/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="http://www.1sucai.cn/htmldata/2006-01-08/图片" border=0 width="180" height="110" onload="javascriptrawImage(this);"> width="180" height="110"  注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改. 图不会变形,只会按比列缩,放心
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部