共享一个ASP里的图片自动缩放的JS
2010-07-22 09:51
260 查看
共享一个ASP里的图片自动缩放的JS
JS代码:
<script>
function zoomimg(ImgD,ImgW,ImgH)
{
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= ImgW/ImgH){
if(image.width>ImgW){
ImgD.width=ImgW;
ImgD.height=(image.height*ImgW)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>ImgH){
ImgD.height=ImgH;
ImgD.width=(image.width*ImgH)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
图片引用:
<img src="<%=Picfilepath%>" width="140" height="140" onload="zoomimg(this,140,140)"》
JS代码:
<script>
function zoomimg(ImgD,ImgW,ImgH)
{
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= ImgW/ImgH){
if(image.width>ImgW){
ImgD.width=ImgW;
ImgD.height=(image.height*ImgW)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>ImgH){
ImgD.height=ImgH;
ImgD.width=(image.width*ImgH)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
图片引用:
<img src="<%=Picfilepath%>" width="140" height="140" onload="zoomimg(this,140,140)"》
相关文章推荐
- JS自动缩放页面图片
- Javascript + Asp.net 让图片自动成比例缩放
- 一个可以使得上传的图片大小按照指定的宽度,高度自动按比例进行缩放的函数(C#)
- js实现固定显示区域内自动缩放图片的方法
- [转]Asp.net上传图片并自动缩放图片大小
- 做出的一个图片的自动展示效果(JS版本)
- js控制图片自动缩放,实现铺满盒子,不变形,完全局中
- JS自动缩放页面图片
- [转]图片自动缩放 js图片缩放
- 如何一个td或table里的图片等比例缩小(css问题)图片自动缩放
- 图片预加载并且自动等比例缩放的JS插件[转]
- 图片自动缩放 js图片缩放
- 做出的一个图片的自动展示效果(JS版本)
- js控制图片自动缩放,实现铺满盒子,不变形,完全局中
- 在asp中实现自动缩放图片(推荐)
- asp正则html的图片,对图自动缩放大小
- 原生JS写的一个书架式的图片缩放滚动展示特效代码
- asp正则html的图片,对图自动缩放大小
- 做了一个图片等比缩放的js
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例