您的位置:首页 > 素材教程 > 详情

jquery如何获取图片高度-jQuery有没有获取img图片实际尺寸的方法

原创:素材网 1 年前

JQUERY获取隐藏DIV里面图片的宽高

你得到的是div的宽度。可以试试这样:

<script type="text/javascript">

var width=$("#test img").width();

alert(width);

</script>

如果还不行,那可能是由于你将这个div隐藏了的原因!

希望可以帮到你。

jQuery有没有获取图片实际尺寸的方法

可以很明确的说,js无法得知没有标示的img标签的原图的图片大小。即使是onload完后得到的也只是图片的显示大小而已,所以你在保存图片的时候就需要把原图的大小写到img标签上,比如知乎的原图规则:

<img src="

" data-rawwidth="572" data-rawheight="225" class="origin_image inline-img zh-lightbox-thumb" data-original="

">

其中data-rawwidth和data-rawheigth就是原图的原始宽高,但是这个数据是在用户提交表单时由后台程序分析图片的数据流得出的。

jQuery有没有获取img图片实际尺寸的方法

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 = ;

realHeight = ;

//如果真实的宽度大于浏览器的宽度就按照100%显示

if(realWidth>=_w){

$(img).css("width","100%").css("height","auto");

}

else{//如果小于浏览器的宽度按照原尺寸显示

$(img).css("width",realWidth+'px').css("height",realHeight+'px');

}

});

});

< 上一篇 ps如何把图片变小-请问ps怎么把照片变小 下一篇 > ps如何把图片清晰-怎么用ps把照片变清晰
相关推荐
冬奥会为主题的创意名字有哪些?
如何用keynote制作海报?可以做海报的手机软件
科技插画手绘-怎么做好插画?
什么样海报吸引人?【开店】宣传海报如何设计更有吸引力?
海报文案如何写?五一劳动节海报文案
手绘pop手机海报-什么是手绘POP海报?
最新模板
最新素材