js 图片高度按比例缩放
2014-01-05 17:12
309 查看
$(document).ready(function() { $('.i_w_f > img').each(function() { var maxWidth = 225; // 图片最大宽度 var maxHeight = 337; // 图片最大高度 var ratio = 0; // 缩放比例 var width = $(this).width(); // 图片实际宽度 var height = $(this).height(); // 图片实际高度 // 检查图片是否超宽 if(width > maxWidth){ ratio = maxWidth/ width; // 计算缩放比例 $(this).css("width", maxWidth); // 设定实际显示宽度 height = height * ratio; // 计算等比例缩放后的高度 $(this).css("height", height * ratio); // 设定等比例缩放后的高度 } }); });
相关文章推荐
- JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)
- JAVASCRIPT 等比例缩放图片 限定最大宽度和最大高度
- 图片宽度自适应,高度等比例变化的js
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片等比例缩放
- js 最完美解决 图片在图片框内按宽高比例自动缩放
- js等比例缩放图片
- js按比例缩放图片
- JS控制图片显示的大小(图片等比例缩放)
- JS实现按比例缩放图片的方法(附C#版代码)
- js等比例缩放图片(转载)
- js将图片按比例缩放显示IE6
- JS网页图片按比例自适应缩放实现方法
- 【JS控制图片显示的大小(图片等比例缩放)】
- 手机网站中 限制图片宽度 JS图片等比例缩放
- js 图片等比例缩放代码
- JS等比例缩放图片
- JS控制图片等比例缩放
- JS等比例缩放图片并构建图片水平垂直居中解决方案
- JS控制图片显示的大小(图片等比例缩放)