求教: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实现
也不是很理想
拜求高手指点
小弟感激不尽!!
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设置宽和高,将设置超出部分属性为隐藏,这样图片在预读时很大也不会出撑宽表格了。
不过以上三种方法都可以解决撑大的问题。