JS使图片在图片框中自适应,按比例缩放
<script type="text/javascript">
//ImgD:要放图片的img元素,onload时传参可用this
//h:img元素的高度,像素
//w:img元素的宽度,像素
function autosize2(ImgD,h,w)
{
var image=new Image();
image.src=ImgD.src;
if (image.width<w && image.height<h)
{
ImgD.width=image.width;
ImgD.height=image.height;
}
else
{
if (w / h <= image.width / image.height)
{
ImgD.width=w;
ImgD.height=w * (image.height / image.width);
}
else
{
ImgD.width=h * (image.width / image.height);
ImgD.height=h;
}
}
//图片居中,IE8有效果,IE9,火狐无效果,请在页面用table居中
//ImgD.style.paddingLeft = (w + 20 - ImgD.width) / 2; //20是指padding-left和padding-right距离的和
//ImgD.style.paddingTop=(h + 20 -ImgD.height) / 2; //20是指padding-top和padding-bottom距离的和
}
</script>
在图上加载时调用这个函数(img的onload事件)
转载于:https://www.cnblogs.com/wsir/p/5577273.html
- 点赞
- 收藏
- 分享
- 文章举报
- JS简易拖拽效果
- Js中 关于top、clientTop、scrollTop、offsetTop的用法
- js日期的常用操作
- JS实现以日历形式显示当前时间
- 完整显示当前日期和时间的JS代码(2007年2月25日星期日正午12:42:48)
- JS左侧菜单-04
- JS关闭当前页面的方法
- C#代码和javascript函数相互调用
- JavaScript学习笔记
- java C# javascript css 资源共享
- jsp页面使用jstl表示时,注意事项
- servlet到jsp页面出现乱码,原因
- XStream完美转换XML、JSON
- JavaScriptCore.framework基本用法(一)
- JavaScriptCore.framework基本用法(二)
- (NSScanner的使用)替换服务器获取的JSON数据中的换行符(JSON是不能解析带有换行符字符串)...
- JavaScript - 垃圾回收机制GC - 小四@王云飞
- Watir: How can I execute in a watir script a specific javascript function called
- .NET利用jqury+ajax+json方式实现的数据分页
- c#4 json数据序列号与反序列化