js等比例图片控制大小
2012-04-09 13:32
246 查看
$(document).ready(function() {
$('#dlDescription img').each(function() {
var maxWidth = 667; // 图片最大宽度
// var maxHeight = 667; // 图片最大高度
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); // 设定等比例缩放后的高度
}
// 检查图片是否超高
// if (height > maxHeight) {
// ratio = maxHeight / height; // 计算缩放比例
// $(this).css("height", maxHeight); // 设定实际显示高度
// width = width * ratio; // 计算等比例缩放后的高度
// $(this).css("width", width * ratio); // 设定等比例缩放后的高度
// }
});
});
$('#dlDescription img').each(function() {
var maxWidth = 667; // 图片最大宽度
// var maxHeight = 667; // 图片最大高度
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); // 设定等比例缩放后的高度
}
// 检查图片是否超高
// if (height > maxHeight) {
// ratio = maxHeight / height; // 计算缩放比例
// $(this).css("height", maxHeight); // 设定实际显示高度
// width = width * ratio; // 计算等比例缩放后的高度
// $(this).css("width", width * ratio); // 设定等比例缩放后的高度
// }
});
});
相关文章推荐
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放) --zt
- JS控制图片显示的大小(图片等比例缩放)
- 用JS控制图片大小按比例放缩或扩大图片
- 【js与jquery】js控制图片显示大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- 【JS控制图片显示的大小(图片等比例缩放)】
- JS实现控制图片显示大小的方法【图片等比例缩放功能】