js设置rem插入图片的rem高度

本文由清尘发表于2016-05-26 14:08最后修改于2017-05-26属于移动前端分类

设置移动端上延迟加载的图片正确的容器高度。

HTML部分:

<img class="h300" src2="images/p_01.jpg" width="100%" data-height="345">

JS部分:

function setImgHeight(){
	var imgs = $('img[data-height]');
	for(var i=0; i<imgs.length; i++){
		var img_height = $(imgs[i]).attr('data-height');
		var rem_height = getRem(img_height);
		$(imgs[i]).css('height',rem_height);
	}
}

function getRem(px){
	var h_rem = px/40 * 1 + "rem";
	return  h_rem;
}
setImgHeight();