JQuery获取图片真实的宽度和高度




var _w = parseInt($(window).width()); //获取浏览器的宽度
$(".new_mess_c img").each(function(i) {
	var img = $(this);
	var realWidth; //真实的宽度
	var realHeight; //真实的高度
	//这里做下说明,$("<img />")这里是创建一个临时的img标签,类似js创建一个new Image()对象!
	$("<img />").attr("src", $(img).attr("src")).load(function() {
		/*
		如果要获取图片的真实的宽度和高度有三点必须注意
		1、需要创建一个image对象:如这里的$("<img />")
		2、指定图片的src路径
		3、一定要在图片加载完成后执行如.load()函数里执行
		*/
		realWidth = this.width;
		realHeight = this.height;
		//如果真实的宽度大于浏览器的宽度就按照100%显示
		if(realWidth >= _w) {
			$(img).css("width", "100%").css("height", "auto");
		//如果小于浏览器的宽度按照原尺寸显示
		} else {
			$(img).css("width", realWidth + 'px').css("height", realHeight + 'px');
		}
	});
});


<< Jquery 判断节点/获取的对象是否存在的方法 jQuery 替换选择框插件 Select2 自定义外观 >>
工作中
  • 作者 建站迷

    建站迷

    让天下没有难做的网站!
    解决中小型企业的无站之伤。



没有账号? 忘记密码?

社交账号快速登录