近期写了一个项目,需要用到JS判断图片的尺寸,然后来选择是否显示图片的整体大小,还是显示图片的比例大小,如下图所示:

JS

其实,这就如同是新浪微博中的图片效果,好了,做前端的人一看就能明白这个效果。

好了,多也不不用多说,下面是完整的代码,另外再说一下,一直有太多的人转载我的文章还有我的代码片断,我也喜欢分享,只是想再提醒一下,转载的时候请注明一下来路(转载请注明www.chhua.com),这也是对我最大的鼓励,非常BS那些转载我的文章,然后修改来路或者不注明来路的人,如果是那样,希望你也不要转载我的文章和代码片断了!

JS 判断图片尺寸的方法

///图片适应化  转载请注明www.chhua.com
            var obj = $(this).next("div");
			
            var img = obj.find("img");
			file=img.attr("src");
			var image = new Image(); 
			image.src = file; 

			var height = image.height; 
			var width = image.width; 
			
            if(width>490)
            {
            	img.css("width","490px");
            }else{
		img.css("width",width+"px");
			}
	  ///