求教:ASP图片自适应宽度

来源:百度知道 编辑:UC知道 时间:2024/05/17 09:11:04
用UBB代码的插入图片方法
onload='javascript:if(this.width>300)this.width=300;if(this.height>350)this.height=350' alt='点击查看原图' border=0
这个方法不是太好

新打开网页的时候
宽度撑的老大

图片都是网络上的

有时候网速慢的话

干脆就是把我的网页给撑大了

还有就是刷新的时候也会出现

若想自动缩小

只能等待

烦人

求教有高手遇到这样的事情吗?

我试过用CSS实现

也不是很理想

拜求高手指点

小弟感激不尽!!

有两种方法供参考.

一种是实实在在的将图片先用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设置宽和高,将设置超出部分属性为隐藏,这样图片在预读时很大也不会出撑宽表格了。

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