近期写了一个项目，需要用到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");
			}
	  ///

自由转载，转载请注明： 转载自WEB开发笔记 www.chhua.com

本文链接地址: JS 判断图片尺寸的方法 http://www.chhua.com/web-note3804

随机笔记

更多