function autoImg(img_select, img_url) {
//img元素
var img_element = $(img_select);
//img路径
var img_url = img_url;
//img父级元素的宽高比
var parent_ratio = img_element.parent().width() / img_element.parent().height();
var img = new Image();
img.src = img_url;
img.onload = function () {
var img_ratio = img.width / img.height;
// 判断图片相对与父元素宽小了还是高小了
if (img_ratio < parent_ratio) {
console.log("图片宽小了");
img_element.css("width", "100%");
} else {
console.log("图片高小了");
img_element.css("height", "100%");
}
img_element.attr("src", img_url);
};
};
注意:父元素需设置overflow:hidden;
js控制img自适应父元素
最新推荐文章于 2024-06-30 16:22:52 发布