代码描述:jQuery图片尺寸大小 自适应。jQuery图片尺寸大小自适应源码实例
未经特别修饰的图片一般来说在尺寸未必是恰到好处的,比如图片尺寸过大就可能导致布局结构被撑开,下面是一段代码实例,能够实现如果图片的尺寸没有超过限制,则保持原样,如果超过就需要自适应。 代码实例如下:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="https://www.51qianduan.com/" /> <title>图片大小自适应-51前端</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script language="javascript"> $.each($("#content img"),function(){ var image=new Image(); image.src=$(this).attr('src'); if(image.width>0&&image.height>0){ if(image.width>=600){ $(this).attr('width',600); $(this).attr('height',(image.height*600)/image.width); } } }); </script> </head> <body> <div id="content"> <img id="img" src="mytest/jQuery/big.jpg" alt="51前端"> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能