动态改变图片显示大小
2007-08-13 10:45
330 查看
1.之前控制图片显示大小都是用像下面这样:
<img onload='javascript:if(this.width>620){this.style.width=620} if(this.height>400){this.style.height=400}' alt="" src="http://bbs.qq.com/images/act.gif" border=0>
如果图片大于指定大小,将图片大小设成所指定的大小,避免图片过大破坏网页原有布局。
由于图片路径要在后台动态绑定,所以用了服务器控件<asp:Image>,但这样一来用 onload就不行了。调了一会发现这条路不通。所以直接换成后台的:
imgPhoto.Attributes.Add("onload", "javascript:if(this.width>200){ this.style.width=200;} if(this.height>150){ this.style.height=150;}");
imgSign.Attributes.Add("onload", "javascript:if(this.width>200){ this.style.width=200;} if(this.height>150){ this.style.height=150;}");
这样一来就OK了。
<img onload='javascript:if(this.width>620){this.style.width=620} if(this.height>400){this.style.height=400}' alt="" src="http://bbs.qq.com/images/act.gif" border=0>
如果图片大于指定大小,将图片大小设成所指定的大小,避免图片过大破坏网页原有布局。
由于图片路径要在后台动态绑定,所以用了服务器控件<asp:Image>,但这样一来用 onload就不行了。调了一会发现这条路不通。所以直接换成后台的:
imgPhoto.Attributes.Add("onload", "javascript:if(this.width>200){ this.style.width=200;} if(this.height>150){ this.style.height=150;}");
imgSign.Attributes.Add("onload", "javascript:if(this.width>200){ this.style.width=200;} if(this.height>150){ this.style.height=150;}");
这样一来就OK了。
相关文章推荐
- jQuery动态改变图片显示大小(修改)
- img超出div width时, jQuery动态改变图片显示大小
- 使用jQuery动态改变图片显示大小
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery动态改变图片显示大小
- jQuery动态改变图片显示大小(修改版)
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery动态改变图片显示大小(修改版)
- 通过html5的range属性动态改变图片的大小
- 动态显示图片大小
- 窗体中有一个图片框,显示一副图片。要求:1)在窗体打开时,动态加载图片;2)设置图片显示模式为根据图片框大小缩放图片;3)图片自己找;4)当鼠标停留在图片框时,显示“**风光”提
- js动态加载显示图片,获取大小
- android中的CheckBox改变背景图片后图片显示大小不正确的问题
- textview动态设置 DrableLeft 以及改变图片大小
- JavaScript 动态改变图片大小
- 如何使用JS等比例改变显示图片的大小
- 动态创建TImage 在窗体显示出来,动态改变大小
- 在VC中CToolBar,依据状态改变,动态改变工具栏显示图片