动态缩放img图片大小
来源:互联网 发布:网络教育学历国家承认 编辑:程序博客网 时间:2024/05/22 06:18
function autoImgSize(imgClass){
$("."+imgClass).on("load",function(){
var maxwidth = 150;
var maxheigth = 75;
var imgwidth = $(this).width();
var imgheight = $(this).height();
if(imgwidth>imgheight){ //判断是width和height哪一个大。大的先处理。设置最大值size
if(imgwidth>maxwidth){
imgwidth = maxwidth +"px";
$(this).css('width',imgwidth);
}
imgheight = $(this).height();
if(imgheight>maxheigth){
imgheight = maxheigth +"px";
$(this).css('height',imgheight);
}
}else{
if(imgheight>maxheigth){
imgheight = maxheigth +"px";
$(this).css('height',imgheight);
}
imgwidth = $(this).width();
if(imgwidth>maxwidth){
imgwidth = maxwidth +"px";
$(this).css('width',imgwidth);
}
}
});
}
$("."+imgClass).on("load",function(){
var maxwidth = 150;
var maxheigth = 75;
var imgwidth = $(this).width();
var imgheight = $(this).height();
if(imgwidth>imgheight){ //判断是width和height哪一个大。大的先处理。设置最大值size
if(imgwidth>maxwidth){
imgwidth = maxwidth +"px";
$(this).css('width',imgwidth);
}
imgheight = $(this).height();
if(imgheight>maxheigth){
imgheight = maxheigth +"px";
$(this).css('height',imgheight);
}
}else{
if(imgheight>maxheigth){
imgheight = maxheigth +"px";
$(this).css('height',imgheight);
}
imgwidth = $(this).width();
if(imgwidth>maxwidth){
imgwidth = maxwidth +"px";
$(this).css('width',imgwidth);
}
}
});
}
阅读全文
0 0
- 动态缩放img图片大小
- 改变图片大小、无级缩放图片大小
- 自动缩放图片大小
- 等比例缩放图片大小
- Android缩放图片大小小结
- div 自动缩放图片大小
- android图片大小按比例缩放
- Android:图片大小缩放drawable
- img 等比例缩放
- img等比例缩放
- 滚动鼠标滚轴,缩放图片大小
- 滚动鼠标滚轴,缩放图片大小
- ios 改变图片大小缩放方法
- numpy缩放图片/调整图片大小
- 调整图片大小的功能php-img
- img预加载获取图片大小方法
- img预加载获取图片大小方法
- android动态调整图片大小
- 函数调用过程(栈桢的形成与释放)
- Linux修改IP地址
- 国标上下联网关对接过程小结
- Token 的作用和原理
- SSL/TLS 卸载(offloading/termination) -- C语言 + openssl 实现
- 动态缩放img图片大小
- redis操作命令
- Spark数据倾斜
- c# 窗体放大窗体中的控件也随着窗体放大
- Python数据挖掘建模 chapter_2决策树
- Hdfs java API 使用注意
- javascript之类型
- hadoop shell 常用命令
- PyTorch笔记2-关系拟合(回归)