按比例显示图片 - ASP技术论坛

xmuer

等级：中级会员
帖子：233
积分：2596
注册：2007-5-10

第 2 楼

【无限缩小放大图片代码】

<input type="button" value="缩小" onclick="small1()">
              <input type="button" value="放大" onclick="big1()">
              <br>
              <BR>
              <img border="0"  name=images1 src="图片.jpg">
          <script>
function small(){
var height1=images0.height
var width1=images0.width
images0.height=height1/1.5
images0.width=width1/1.5}

function big(){
var height1=images0.height
var width1=images0.width
images0.height=height1*1.5
images0.width=width1*1.5}

function small1(){
var height1=images1.height
var width1=images1.width
images1.height=height1/1.5
images1.width=width1/1.5}

function big1(){
var height1=images1.height
var width1=images1.width
images1.height=height1*1.5
images1.width=width1*1.5}
</script>

【偶滴小站】WWW.XMUER.CN【E-Shop|WEB设计|ASP|PHP|ASP.NET】

2008-1-9 22:42

放任一切

等级：中级会员
威望：4
帖子：216
积分：2268
注册：2007-3-22

第 4 楼

图片成比例缩放

<script>
  function   DrawImage(ImgD){
        var   image=new   Image();
        var   iwidth   =   120;     //定义允许图片宽度
        var   iheight   =   90;     //定义允许图片高度
        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>




  <html><body>
  <img   src="http://img.blog.163.com/photo/vfEgQ9Znr2SdwG5QuVn7Ww==/2325546257583803458.jpg"

name="dd"   onload="DrawImage(this);">

  </body>
  </html>

http://fanrenyegu.blog.163.com/

2008-1-12 16:47

全能ASP/PHP/ASP.NET主机，支持月付	专业 MSSQL 数据库空间，支持月付	专业 MySQL 数据库空间，支持月付	学习型 ASP/PHP/ASP.NET 主机 30元/年
高端软件开发 = 年薪十万不是梦	赛孚耐:软件保护加密专家	身份认证令牌USB KEY