网页中控制图片缩放比例

发布网友发布时间：2022-04-25 09:21

共3个回答

热心网友时间：2022-04-24 09:02

试试这个
你可以网上找资料的吗
懒人
-----------------------------------
唉也....我的马也
终于搞出来啦
！
页网中控制图片缩放代码
一般情况下
是很难做到这一点的
因为小图从数据库调用出来的时候
上原图
所以小
而当调用的图片是高清的数码照时
你才知道
那有多头痛
完全把Tabel挤得不像人样
全挤破了
难看得不敢见人啊
.....
要把图片控制在一定的规格里缩放
我最用想到用的是JavaScript
终于写出来了
测试了N多回才成功的
请看代码:
网页前边加
(注意JavaScript是区分大小写的
==我最不喜欢就他这一点
你们不用注意了
我已经写好测试完了才发出来共享的
直接复制一点问题都没有
)

在body里
显示图片时
OK
就这样搞定了
那不管是小图还是大图
也只能在480X530里游动啦
哈哈哈...
（傻傻的感言：有时候感觉写程序就是那么快乐
好像一切尽在撑握之中...嘿嘿
因为又学到了东西
程序设计的快乐）
的谁有更简单的
请共享下技术吧!
本文出自：
和平联盟---
ASP技术联盟区
网址：
http://www.hp8858.com
转贴请带上
谢谢

热心网友时间：2022-04-24 10:20

热心网友时间：2022-04-24 11:55

在处理网页图片时，特别是一些图片列表的应用里面，很难保证图片统一大小，直接设置图片大小又会导致图片拉伸，造成图片模糊，本文介绍的代码可以在图片加载完成后自动按比例调整图片大小。
Javascript：
<
script
language="javascript"
type="text/javascript">
<
!--
//
说明：用
JavaScript
实现网页图片等比例缩放
//
整理：
http://www.CodeBit.cn
function
DrawImage(ImgD,FitWidth,FitHeight)
{
var
image=new
Image();
image.src=ImgD.src;
if(image.width>0
&&
image.height>0)
{
if(image.width/image.height>=
FitWidth/FitHeight)
{
if(image.width>FitWidth)
{
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else
{
if(image.height>FitHeight)
{
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//-->
<
script>
调用方式：
Code:
<
img
src="1148202890.jpg"
alt="自动缩放后的效果"
onload="javascript:DrawImage(this,200,200);"
/>
如果图片较大，建议在图片标签里面同时设置期望的图片大小，这样不会导致页面在加载中撑开，该大小不会影响最终缩放效果。可以修改上面的代码为：
Code:
<
img
src="1148202890.jpg"
alt="自动缩放后的效果"
width="200"
height="200"
onload="javascript:DrawImage(this,200,200);"
/>