设为首页
加入收藏
发布文章
  首页   操作系统   系统集成   程序设计   网站设计   图形图象   安全技术   反击技术   硬件DIY   认证考试   免费资源
当前位置:中国E盟 -=> 网站设计 -=> DOM/JS -=> 正文  
图片自动缩小的js代码,用以防止图片撑破页面 << 浮动广告代码 | XML+JS创建树形菜单 >> 
 发布日期:2006-1-11 17:29:54 发布者:[chinae]  来源:[中国E盟]  浏览:[]  评论:[ 字体:   
JS代码(随便放哪里):
<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里改,这里也作相应的改.

图不会变形,只会按比列缩,放心

]]>
打印 】【 收藏 】【 推荐 】 
相关文章 推荐文章 热门文章
·暂无  ·暂无
浮动广告代码
javascript函数库
XML+JS创建树形菜单
window.open详解
一个表单日期输入的JS脚本
 评一评
正在读取…
  笔名:
  评论:
   
【注】 发表评论必需遵守以下条例:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款

设置首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接 - -

Copyright ©2006-2008 中国E盟 Powered By:www.chinaE.org

湘ICP备05004075号