作家
登录
    用户名:  密码:   

又一个图片自动缩小的JS代码

作者: 来源:www.28hudong.com 2013-03-30 03:38:27 阅读14次 我要评论

<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/image.height>= 180/110){ if(image.width>180){ ImgD.width=180; ImgD.height=(image.height*110)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } /*ImgD.alt="bigpic" */ } else{ if(image.height>110){ ImgD.height=110; ImgD.width=(image.width*110)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } /*ImgD.alt="bigpic" */ } } } //--> </script> 图片使用的地方: <img src="图片" border=0 width="180" height="110" onload="JavaScriptrawImage(this);"> width="180" height="110" 注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改.

  推荐阅读

  学习YUI.Ext第五日--做拖放Darg&Drop

拖放某个元素Darg&Drop是windows(视窗)问世时的一个重要特征。现在我们要在浏览器里面实现,怎么做呢?先看看基本例子: 复制代码 代码如下:YAHOO.example.DDApp = function() { var dd; return { >>>详细阅读


本文标题:又一个图片自动缩小的JS代码

地址:http://www.17bianji.com/kaifa2/JS/30769.html

5

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

14

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)