JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)
来源:互联网 发布:网站源码后门去除工具 编辑:程序博客网 时间:2024/06/11 22:20
以下是代码,之前的代码不够完善,9月24日修改:
<script type="text/javascript">
<!--
function resize_img(){
var objImg = document.getElementById( "prod_picture" );//pictureID是图片ID号
if( objImg ){
var img_w = objImg.width;
var img_h = objImg.height;
var maxW = 400;
var maxH = 300;
var pW,pH;
var w=parseInt(img_w);var h=parseInt(img_h);
if( w>maxW ){
//按比例
pW = maxW/w;
pH = parseInt(h * pW);
//alert( pW +":" + pH );
objImg.style.width = maxW+"px";
objImg.style.height = pH+"px";
h = pH;
w = maxW;
}
if( h>maxH ){
//按比例
pH = maxH/h;
pW = parseInt(w * pH);
//alert( pW +":" + pH );
objImg.style.height = maxH+"px";
objImg.style.width = pW+"px";
}
}
}
//-->
</script>
<!--
function resize_img(){
var objImg = document.getElementById( "prod_picture" );//pictureID是图片ID号
if( objImg ){
var img_w = objImg.width;
var img_h = objImg.height;
var maxW = 400;
var maxH = 300;
var pW,pH;
var w=parseInt(img_w);var h=parseInt(img_h);
if( w>maxW ){
//按比例
pW = maxW/w;
pH = parseInt(h * pW);
//alert( pW +":" + pH );
objImg.style.width = maxW+"px";
objImg.style.height = pH+"px";
h = pH;
w = maxW;
}
if( h>maxH ){
//按比例
pH = maxH/h;
pW = parseInt(w * pH);
//alert( pW +":" + pH );
objImg.style.height = maxH+"px";
objImg.style.width = pW+"px";
}
}
}
//-->
</script>
- JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)
- JS+style实现动态设置图片高宽
- js按比例缩小图片
- JS 图片按比例缩小
- js按比例放大缩小图片
- js动态加载图片,获取图片宽高并缩放
- java修改图片宽高
- js让图片自动按比例缩小代码
- 图片等比例缩放,图片指定宽或高按比例缩放,图片不变形缩放
- JS 判断图片宽高
- js获取图片宽高
- js图片自适应宽高
- 按比例缩小图片
- 图片的按比例缩小.
- 按比例缩小图片
- IOS 图片按比例缩小
- 通过loadPicture函数来获取图片的高与宽和缩放,解决客户端再按比例缩小
- Glide 动态设置图片宽高的解决办法
- 程序员的七种武器
- Bash的字符串匹配共有6种形式
- 搜索引擎技术资源篇-1(转载)
- 软件项目中谁应该参加需求分析?
- 完全优化MySQL数据库性能的八大巧方法
- JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)
- 搜索引擎技术资源篇-2(转载)
- 搜索引擎学习资源(作者:dongdonglang)
- 关于超链接(PLUSLINK.cn)一事的声明
- 从今起转到.net平台
- 客户端调用天气预报web service步骤
- 从C++转到Java需注意的地方
- 让.Net 程序脱离.net framework框架运行
- NAND flash和NOR flash区别