作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:37:53 阅读 我要评论

JS代码(随便放哪里): <script language="JavaScript"> <!-- var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=http://www.jb51.net/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.jb51.net/htmldata/2006-01-08/图片" border=0 width="180" height="110" onload="javascriptrawImage(this);"> width="180" height="110" 注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改. 图不会变形,只会按比列缩,放心

  推荐阅读

  可以文本显示的公告栏的js代码

一个可以文本显示的公告栏,可以在多处使用,绝对不可错过! 脚本说明: 第一步:把如下代码加入<head>区域中 <script language="JavaScript"> <!-- Activate Cloaking Device var i = 0; // used to cycle t>>>详细阅读


本文标题:图片自动缩小的js代码,用以防止图片撑破页面

地址:http://www.17bianji.com/kaifa2/JS/30751.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)