将图片从数据库中读出的时候,由于图片的宽度很大,使得图片显示效果不好。因此,我门需要将图片进行缩放,然后再显示出来。下面的代码便可以起到图片缩放的效果。  
   
  放入head里面  
  <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>=   164/112){  
  if(image.width>164){    
  ImgD.width=164;  
  ImgD.height=(image.height*164)/image.width;  
  }else{  
  ImgD.width=image.width;    
  ImgD.height=image.height;  
  }  
  ImgD.alt=image.width+"×"+image.height;  
  }  
  else{  
  if(image.height>112){    
  ImgD.height=112;  
  ImgD.width=(image.width*112)/image.height;    
  }else{  
  ImgD.width=image.width;    
  ImgD.height=image.height;  
  }  
  ImgD.alt=image.width+"×"+image.height;  
  }  
  }  
  }    
  //-->  
  </script>  
   
  图片调用  
  <a   href="<%=trim(rs("picurl"))%>"   target="_blank"><img   src="<%=trim(rs("imgurl"))%>"   border="0"   width="164"   height="112"   οnlοad="javascript:DrawImage(this);"></a>

转载于:https://www.cnblogs.com/JemBai/archive/2008/08/04/1260172.html

asp 把大图缩小显示的JS相关推荐

  1. 使用ASP.NET Core MVC的Vue.Js

    目录 内容主题 VUE.JS简介 DOT NET Core 下载和安装Visual Studio 2017 ASP.NET Core Spa模板 基础知识和设置 Node.js 节点包管理(NPM) ...

  2. asp.ne服务器代码显示http://l.longtailvideo.com/download/5/9/logo.png不可用,在Window Server2008 服务器上无法播放MP4媒体问题

    一.最初网站问题: asp.ne服务器代码显示http://l.longtailvideo.com/download/5/9/logo.png不可用 找到对应代码发现为Flash插件关闭,Flash过 ...

  3. asp.net oracle 问号,asp.net 中文部分显示问号

    很神奇的事情,今天部署了一个网站,页面从数据读取新闻后,有些新闻标题全部显示问题号,有几个新闻能正确显示汉字,然后查看新闻页面又能正常显示汉字. 解决办法: 在异常的页面上加上 < %@ COD ...

  4. Asp.net 后台添加CSS、JS、Meta标签

    下面是从Asp.net 后台添加CSS.JS.Meta标签的写法,我们这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.U ...

  5. ASP.NET Core中显示自定义错误页面-增强版

    之前的博文 ASP.NET Core中显示自定义错误页面 中的方法是在项目中硬编码实现的,当有多个项目时,就会造成不同项目之间的重复代码,不可取. 在这篇博文中改用middleware实现,并且放在独 ...

  6. ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler

    ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" ...

  7. FileReader详解与实例---读取并显示图像文件 | JS Mix

    2019独角兽企业重金招聘Python工程师标准>>> FileReader详解与实例---读取并显示图像文件 | JS Mix. 转载于:https://my.oschina.ne ...

  8. asp.net 调试 无法显示该网页

    在用VS2008调试网站的时候,突然页面不能正常显示了,IE显示"无法显示该网页". 症状一: IE地址栏里面显示的端口号和桌面任务栏右下角"ASP.NET Develo ...

  9. 在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

    在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected 学习vue框架的时候,在谷歌浏览器安装了Vue.js devtools插件,写了一个入门的h ...

最新文章

  1. webmagic 获取文本_WebMagic Selectable抽取元素
  2. springboot入门demo详解(解决跨域)
  3. 657. Robot Return to Origin 机器人能否返回原点
  4. WSDM 2022 | 一种用于在线广告自动竞价的协作竞争多智能体框架
  5. 少儿编程100讲轻松学python(九)-python如何判断字符串是否为整数
  6. “约见”面试官系列之常见面试题第三十二篇之async和await(建议收藏)
  7. docfx组件介绍--MarkdownLite
  8. weblogic 修改控制台console访问路径 url
  9. CVE-2021-3156:隐藏10年之久的 Sudo 漏洞,可使任意用户获得root 权限(详述)
  10. C++中main函数中参数argc和argv的使用实例
  11. 晶闸管的原理及伏安特性
  12. 笔记本电脑开机白屏怎么处理
  13. 修改yum源带来的问题 curl: (35) Cannot communicate securely with peer: no common encryption algorithm(s).
  14. 老司机带你飞——DIY桌面小电视
  15. 知己知彼,一起来了解中国在线音频市场现状!
  16. python函数结构_Python代码结构:函数
  17. 特斯拉新能源汽车遍地开花 汽车品牌纷纷建立电动化品牌战略
  18. c语言找出链表中倒数第k的数,查找链表中倒数第k个结点
  19. vue 中的计算属性
  20. 新站被收录后nbsp;15天打造关键词百度…

热门文章

  1. CSS3中的 Background linear gradient()用法
  2. 计算机网络课程优秀备考PPT之第五章网络层(五)
  3. 《从问题到程序:用Python学编程和计算》——3.4 定义函数
  4. 6、android传递数据之剪切板传递数据
  5. 谷歌I/O大会3月对开发者开放
  6. 使用EasyRecovery 恢复被误删除的数据
  7. 《编程匠艺》读书笔记之十四
  8. cisco3550交换机配置手册
  9. [Android基础] VideoView
  10. [转载]Word直接发布新浪博客(以Word 2013为例)