百度源代码里的精妙javascript图片大小处理函数

紫凝生活ice

紫凝生活ice

2016-02-19 16:43

今天给大家分享的是由图老师小编精心为您推荐的百度源代码里的精妙javascript图片大小处理函数,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

script language=Javascriptvar proMaxHeight = 150;var proMaxWidth = 110;  function proDownImage(ImgD){   var image=new Image();   image.src=ImgD.src;   if(image.width0 && image.height0){   var rate = (proMaxWidth/image.width  proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;  if(rate = 1){    ImgD.width = image.width*rate;   ImgD.height =image.height*rate;  }  else {             ImgD.width = image.width;             ImgD.height =image.height;         }   }}//--

  百度的javascript还好啦。所以收录下来。如果懂这个的话,一看就懂了。呵呵。。。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  不过还是介绍一下用法。。。。。

img src="http://www.baidu.com/images/Logo.gif" /

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  上面是一般的HTML里面用的插入图片的一段。。。很简单。但是当插入的图片是网友上传的图片,对尺寸/比例不确定的时候。我们需要的就是这个js了。。。这段代码可以根据网友上传的图片,进行比例缩放。这样不会导致很多商品展示都出现的。图片尺寸都固定死了的情况。。。。用法很简单,把上面的这段javascript放到head/head之间,然后把

img src="http://www.baidu.com/images/Logo.gif" /
改成
img src="http://www.baidu.com/images/Logo.gif" onload=proDownImage(this); /
这样。就可以了。意思就是在图片load装载的时候,调用proDownImage函数对this(即图片本身)对象进行设置。就可以了。很简单,但很实用。

展开更多 50%)
分享

猜你喜欢

百度源代码里的精妙javascript图片大小处理函数

Web开发
百度源代码里的精妙javascript图片大小处理函数

网页里控制图片大小的相关代码

Web开发
网页里控制图片大小的相关代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript动态改变网页图片大小

Web开发
JavaScript动态改变网页图片大小

Javascript随机显示图片的源代码

Web开发
Javascript随机显示图片的源代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript改变和控制显示的图片大小

Web开发
javascript改变和控制显示的图片大小

Javascript 验证上传图片大小[客户端]

Web开发
Javascript 验证上传图片大小[客户端]

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

自定义confirm对话框

自定义confirm对话框

街头相拥而笑的恋人 - QQ伤感分组

街头相拥而笑的恋人 - QQ伤感分组
下拉加载更多内容 ↓