Js动态设置Img大小
function ResizePic() {
$('img').each(function () {
var maxWidth = 450; // 图片最大宽度
var maxHeight = 750; // 图片最大高度
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); // 设定等比例缩放后的高度
}
});
}
最新文章
- 编写高质量代码:改善Java程序的151个建议(第2章:基本类型___建议26~30)
- PHP流式上传和表单上传(美图秀秀)
- 学习ios【1】Objective-C 基本语法
- SpringCloud Sleuth 使用
- java_method_下拉框成json
- Linux Linux程序练习十六(进程间的通信信号版)
- iPhone6的CSS3媒体查询
- Web程序员开发App系列 - 开发我的第一个App,源码下载
- Visual Studio Code初探
- SQL Server 全局变量
- POJ2112 Optimal Milking (网络流)(Dinic)
- console.log在线调试
- 小白的Python之路 day1
- IBOS云办公系统二次开发之功能介绍(PHP技术)
- iTextSharpH
- jenkins配置邮件 -- com.sun.mail.smtp.SMTPSenderFailedException: 550 5.7.1 Client does not have permissions to send as this sender
- 循环语句中,break和continue分别有什么作用?
- DS8800后端的光纤通道交换式互连方式
- 深入理解Linux内核-虚拟文件系统
- Linux 系统的日志目录
热门文章
- Main方法中传入参数
- querySelectorAll 和 jQuery选择器
- 基于KVM建立虚拟机的步骤及总结说明
- Qt在windows与Mac OS中获取执行程序版本号
- 个人信用卡管理 - iOS UI原型
- uva 10026 Shoemaker's Problem(排序)
- Use Excel to write insert SqlScript
- HTML系列(一):创建HTML文档
- C#中“走马灯”和类似“打地鼠”的小程序(Seventeenth Day)
- Unable to locate appropriate constructor on class异常