数码资讯
jQuery加载图像自适应大小来实现代码。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
如何在固定大小的div中放置图片,当图像较小时,显示实际大小。当图片在DIV,图片自动适应DIV的大小。
实现过程的主要代码:
复制代码代码如下所示:
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:汽车);
}
实现过程的主要代码:
复制代码代码如下所示:
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:汽车);
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。