多语言展示
当前在线:932今日阅读:126今日分享:42

jq如何实现个人页面获取头像

在我们的日常生活中,往往会遇到jq如何实现个人页面获取头像的问题,常常会不知道怎么处理,下面就让小编为大家提供一下解决这种问题的方法,希望能够给大家提供一定的帮助。
方法/步骤
1

首先,需要获取图片真实的宽度和高度,在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式。

2

然后,另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去。

3

然后,给所有的图片加上这样的样式,复制代码代码如下:.news img{margin:5px auto; display:block;width:100%; height:auto;}。

4

然后,如果插入的图片本身就很小的话,也会被直接拉伸成100%显示,显然这是不合理的,那么这里就介绍另外一种方式就是通过js动态展示图片的尺寸。

5

然后,js动态获取图片的尺寸,jquery方式,var _w = parseInt($(window).width());//获取浏览器的宽度,$('.new_mess_c img').each(function(i){,var img = $(this);,var realWidth;//真实的宽度,var realHeight;//真实的高度,//这里做下说明,$('')这里是创建一个临时的img标签,类似js创建一个new Image()对象,$('').attr('src', $(img).attr('src')).load(function() {/*。

6

最后,如果要获取图片的真实的宽度和高度有三点必须注意,需要创建一个image对象:如这里的$(''),指定图片的src路径,一定要在图片加载完成后执行如.load()函数里执行。

注意事项

上述解决方法为小编所提供,希望能够帮到大家。

推荐信息