IT猫扑网：您身边最放心的安全下载站！ 最新更新|软件分类|软件专题|手机版|论坛转贴|软件发布

您当前所在位置：首页 → 网络编程 → 网页设计 → 网页中控制图片缩放代码

网页中控制图片缩放代码

时间：2015/6/28来源：IT猫扑网作者：网管联盟我要评论(0)

页网中控制图片缩放代码，一般情况下，是很难做到这一点的，因为小图从数据库调用出来的时候小，而当调用的图片是高清的数码照时，你才知道那有多头痛，完全把Tabel挤得不像人样，全挤破了，难看得不敢见人啊，要把图片控制在一定的规格里缩放，我想到的是用javaScript，终于写出来了，测试了N多回才成功的，请看代码：

  网页前边加(注意JavaScript是区分大小写的，我最不喜欢就他这一点，你们不用注意了，我已经写好测试完了才发出来共享的，直接复制一点问题都没有)

  <script language="JavaScript">
  <!--
  //图片按比例缩放
  var flag=false;
  function DrawImage(ImgD){
  var image=new Image();
  var iwidth = 480; //定义允许图片宽度
  var iheight = 530; //定义允许图片高度
  image.src=ImgD.src;
  if(image.width>0 && image.height>0){
  flag=true;
  if(image.width/image.height>= iwidth/iheight){
  if(image.width>iwidth){
  ImgD.width=iwidth;
  ImgD.height=(image.height*iwidth)/image.width;
  }else{
  ImgD.width=image.width;
  ImgD.height=image.height;
  }
  ImgD.alt=image.width+"×"+image.height;
  }
  else{
  if(image.height>iheight){
  ImgD.height=iheight;
  ImgD.width=(image.width*iheight)/image.height;
  }else{
  ImgD.width=image.width;
  ImgD.height=image.height;
  }
  ImgD.alt=image.width+"×"+image.height;
  }
  }
  }
  //调用：
  //-->
  </script>

  在body里  显示图片时

  <img  src="图片调用路径.jpg"  border=0 >

  OK，就这样搞定了，那不管是小图还是大图，也只能在480X530里游动啦。

  感言：有时候感觉写程序就是那么快乐，好像一切尽在撑握之中，因为又学到了东西。谁有更简单的，请共享下技术吧!

关键词标签：网页图片缩放代码

相关阅读

文章评论
发表评论

热门文章 网页设计中常用的19个Web安全字体网页设计中常用的19个Web安全字体UCenter Home防灌水设置详解UCenter Home防灌水设置详解

相关下载

人气排行 iframe透明的解决办法log4j之配置文件加载过程分析-properties文件和xml文件提高网页打开速度的一些小技巧关于iframe内页高度自适应网页设计中常用的19个Web安全字体网页制作与CSS的UTF-8和GB2312编码问题怎样把网站的头尾部分和导航部分作成静态公用？网页设计中的各种分辨率下的标准尺寸