JS 解决图片太大溢出问题、CSS 限制图片最大宽度、图片按比例自动缩放

前端之家收集整理的这篇文章主要介绍了JS 解决图片太大溢出问题、CSS 限制图片最大宽度、图片按比例自动缩放前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
实现思路很简单,改造js代码,既然图片很大,那么我们先用最经典的限制width的方法限制大图的宽度,但是小图怎么办?
小图我们用onload的方法再缩小,就这么搞定了。

完美代码如下,经测试代码如下: @H_301_3@ <script language="JavaScript"> <!-- var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width>650){ }else{ ImgD.width=image.width; ImgD.height=image.height; } } } //--> </script> // 来自:编程之家 jb51.cc(jb51.cc) 对应的HTML代码: @H_301_3@ <img border=0 src="图片路径" onl oad="javascript:DrawImage(this);" width="650" />

猜你在找的JavaScript相关文章