JavaScript如何控制图片的显示大小？
当前位置：点晴教程→知识管理交流
→『 技术文档交流 』
把图片的链接输入到数据库里，如 images/abc.jpg 显示时用 <img src="<%=rs("img")%>">。 但要怎样控制每一张图片的大小呢？如果加上width=60 height=30的话，每一张图片就会一样大小。 但要它根据原来的size放大缩小，请问要怎样写？ function DrawImage(ImgD,twidth,theight){ var flag=false; var image=new Image(); var iwidth = twidth; //定义允许图片宽度 var iheight = theight; //定义允许图片高度 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; } } } <img src="="<%=rs("img")%>" onload="DrawImage(this,60,30)"> 该文章在 2011/2/26 18:26:56 编辑过 |
关键字查询
相关文章
正在查询... 
|
400 186 1886
