图片等比例缩放个人最优化版(IE6,IE7,FF),来自网络
2010-07-05 09:45
363 查看
<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度
var MaxW=250; //定义图片显示的最大宽度
var MaxH=250; //定义图片显示的最大高度
var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}
if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}
}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this)">
更新版本,直接写入ImgAuto(this,250,250),给图片设定好宽度和高度,这样此时的宽度和高度就变成了最大宽度和高度了。更省心了
<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i,MaxW,MaxH){var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this,250,250)">
<!--
function ImgAuto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度
var MaxW=250; //定义图片显示的最大宽度
var MaxH=250; //定义图片显示的最大高度
var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}
if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}
}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this)">
更新版本,直接写入ImgAuto(this,250,250),给图片设定好宽度和高度,这样此时的宽度和高度就变成了最大宽度和高度了。更省心了
<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i,MaxW,MaxH){var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this,250,250)">
相关文章推荐
- CSS使图像等比例缩放兼容IE6、IE7、FF
- CSS控制图片大小比例(适用IE6_IE7_FF)
- Android 使用Picasso加载网络图片等比例缩放
- java swing 怎样添加背景图片并且能根据窗口大小进行缩放(来自网络)
- 图片垂直水平居中 支持IE6、IE7、IE8、FF等
- ff,ie6,ie7,ie8上传图片预览
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- ios 简单的设置图片等比例缩放请求的网络图片
- 焦点图片切换效果 兼容ie6 ie7 ff
- iOS 网络/本地 图片 按自定义比例缩放 不失真 方法
- Android 使用Picasso加载网络图片等比例缩放
- Android 使用Glide加载网络图片等比例缩放的实现方法
- 让ie6也支持max-width,和max-height实现图片等比例缩放
- Picasso图片加载框架的使用及加载网络图片等比例缩放
- ios 简单的设置图片等比例缩放请求的网络图片
- Android 使用Picasso加载网络图片等比例缩放
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- ios 简单的设置图片等比例缩放请求的网络图片
- js+jQuery按比例缩放图片(网络图片或本站图片均适用)
- Android 使用Picasso加载网络图片等比例缩放的实现方法