首页 > 技术文章 > 图片高度自适应,居中显示

userzf 2019-12-24 15:54 原文

废话不多说上段代码

/**
 * 图片高度自适应,居中显示
 * @param e_img 图片元素 例:$('#img_1')
 * @param parents_h 图片的规定最大高度 
 * @returns
 */
function img_Height_adapt(e_img,parents_h){
	e_img.attr("src", e_img.attr("src")).load(function() {
       	var realHeight = this.height;
    	if(realHeight<=parents_h){
    		var px=(parents_h-realHeight)/2;
           $(this).css("margin-top",px+"px");
        }
    });
}


调用函数实例:

       img_Height_adapt($('#img_1'),128);//图片高度自适应

推荐阅读