网络编程
位置:首页>> 网络编程>> 网页设计>> 解决图片撑大问题

解决图片撑大问题

 来源:风之相随'S BLOG 发布时间:2009-09-22 14:51:00 

标签:图片,尺寸

有两种方法供参考.

一种是实实在在的将图片先用ASPJPEG组件做成想要的尺寸,再读取

好处是节省服务器带宽,速度快

坏处是处理起来较为麻烦,并网络贴过来的图没办法处理.

还有一种方法是,只设定图片的宽度或只设定图片的高度(在代码中直接设置,不用JS)。
如<img src="1.jpg" width="300">
或<img src="1.jpg" height="300"> 图片读取时会跟据你的设置自动缩放比例

好处是设计起来非法简单

坏处是只能设一个值,可能达不到你想要的结果。

还有一个办法就是

<div style="width:300px;height:350px;overflow:hidden;">
<img  src="1.jpg" onload='javascript:if(this.width>300)this.width=300;if(this.height>350)this.height=350'>
</div>

将图片放到一个DIV内,DIV设置宽和高,将设置超出部分属性为隐藏,这样图片在预读时很大也不会出撑宽表格了。

不过以上三种方法都可以解决撑大的问题。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com