jQuery加载图像自适应固定大小div

jQuery加载图像自适应固定大小div
如何在固定大小的div中放置图片,当图像较小时,显示实际大小。当图片在DIV,图片自动适应DIV的大小。

jQuery图像的主要代码自适应大小的实现过程:

代码如下:
复制代码代码如下所示:
divimg {。
马克斯身高:200px;最大宽度:200px;
宽度:表达(this.width > 200 this.width > this.height 200:汽车);
高度:表达(this.height > 200200:汽车);
}

实例uff1a

代码如下:
复制代码代码如下所示:

图像加载自适应的实现
功能clickme(){
…1;
$(# IMG)。Attr(src
$(# IMG)。AddClass(divimg );
}
{。divclass
border: 1px solid红;
宽度:200px;
身高:200px;
}
divimg {。
马克斯身高:200px;最大宽度:200px;
宽度:表达(this.width > 200 this.width > this.height 200:汽车);
高度:表达(this.height > 200200:汽车);
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部