`

用javasript判断一个图片的宽度,如果宽度小于一个数值,就以正常显示,大于就设置宽度width属性

 
阅读更多
<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>=     400/400){       
                    if(image.width>400){               
                    ImgD.width=400;       
                    ImgD.height=(image.height*400)/image.width;       
                    }else{       
                    ImgD.width=image.width;               
                    ImgD.height=image.height;       
                    }       
                    ImgD.alt=image.width+"×"+image.height;       
                    }       
                else{       
                    if(image.height>400){               
                    ImgD.height=400;       
                    ImgD.width=(image.width*400)/image.height;                           
                    }else{       
                    ImgD.width=image.width;               
                    ImgD.height=image.height;       
                    }       
                    ImgD.alt=image.width+"×"+image.height;       
                    }       
                }       
  }           
  //-->       
  </script>   
    
    
  调用:<img   src=""   border="0"   onload="javascript:DrawImage(this);"



<html><head>   
  <script   language="Javascript">   
  function   imgScale(srcobj)   
  {   
      var   OriginImage=new   Image();   
      OriginImage.src=srcobj.src;   
      var   H=OriginImage.height;   
      var   W=OriginImage.width;   
      var   scale=W>160?W/160:1;//得到缩放比例   
      var   objname=""+srcobj.name   
      srcobj.width=W/scale;//缩放宽度   
      srcobj.Height=H/scale;//缩放高度   
  }   
  </script>   
  </head><body>   
  <img   name="newsimg"   src="1.jpg"   width=160>   
  <input   type=button   onclick="imgScale(document.all.newsimg)"   value="scale">   
  </body></html>   
  


    
  <HTML>   
  <HEAD>   
  <SCRIPT   LANGUAGE="JavaScript">   
  <!--   
  function   View(){   
  document.all.div1.innerHTML="<img   id='img1'   src='"   +   document.all.file1.value   +   "'   onload='zoom()'   >"   
  }   
  function   zoom(){   
  if(   document.all.img1.width>500   ){   
  document.all.img1.style.zoom=0.5;   
  }   
  if(document.all.img1.height   >   500){   
  document.all.img1.style.zoom=0.5;   
  }   
  /*if(   document.all.img1.width   <   250   ){   
  document.all.img1.style.zoom=2;   
  }   
  if(document.all.img1.height   <   250){   
  document.all.img1.style.zoom=2;   
  }   
  */   
  }   
  //-->   
  </SCRIPT>   
  </HEAD>   
  </BODY>   
  <INPUT   TYPE="file"   id="file1"   onchange="View()">   
  <DIV   id="div1"></DIV>   
  <BODY>   
  </HTML>   

分享到:
评论

相关推荐

    javascript常用对象梳理

    - **功能**: 存储文档中每一个由`&lt;frame&gt;`元素创建的子窗口(框架)实例,其中的下标即可以是次序号也可以是用`&lt;frame&gt;`元素的`NAME`属性指定的名称来获取并使用。 - **12. `frames.length` 属性** - **语法**: ...

    100多个很有用的JavaScript函数以及基础写法汇总

    =`(不等于)、`&gt;`(大于)、`(小于)、`&gt;=`(大于等于)、`(小于等于)。 13. 使用 `var` 关键字声明变量。 14. `if` 语句用于条件判断,`else` 用于提供备选执行路径。 15. `for` 循环结构:`for([initial ...

    大名鼎鼎SWFUpload- Flash+JS 上传

    SWFUpload使用一个隐藏的Flash影片来控制文件的选择和上传。JavaScript用来激活文件选择对话框。 此文件选择对话框是可以设置允许用户选择一个单独的文件或者是多个文件。 选择的的文件类型也是可以被限制的,因此...

    JavaScript 创建随机数和随机图片

    在这段代码中,`rnd()`函数生成了一个0到1之间的浮点数,然后乘以10(表示图片编号的数量范围),`Math.ceil()`函数确保得到的是一个大于等于1且小于等于10的整数,从而确定了要显示的图片编号。 除了直接使用数字...

    JAVAEE英语单词

    6. IndexOutOfBoundsException:在访问数组、集合或其他序列结构时,如果索引值超出其合法范围(即大于等于长度或小于0),就会抛出此异常。 7. IllegalStateException:当对象处于不允许执行特定操作的状态时,会...

    js关于不同浏览器的不同之处

    ### JavaScript 中不同浏览器下的特性差异:clientHeight, offsetHeight, scrollHeight 及其他尺寸属性 在Web开发过程中,经常会遇到需要获取元素尺寸的情况,而不同的浏览器对于这些尺寸属性的实现和计算方式存在...

    整理后java开发全套达内学习笔记(含练习)

    以“%”开头,[第几个数值$][flags][宽度][.精确度][格式] printf()的引入是为了照顾c语言程序员的感情需要 格式化输出 Formatter;格式化输入 Scanner;正则表达式 输出格式控制: 转义符: \ddd 1到3位8...

    网页制作的相关知识

    - `width` 和 `height`:定义图片的宽度和高度。 - `alt`:图片无法加载时的替代文本。 9. **`&lt;hr&gt;`**:定义水平线,用于分隔内容。 10. **列表**: - `&lt;ul&gt;` 和 `&lt;li&gt;`:无序列表。 - `&lt;ol&gt;` 和 `&lt;li&gt;`:有序...

    jQuery实现页面下拉100像素出现悬浮窗口的方法

    如果这个值大于或等于100,我们就使用`.fadeIn(300)` 让悬浮窗口淡入;反之,如果小于100,则使用`.fadeOut(300)` 让它淡出。这里的数字300表示动画执行的毫秒数,数值越小,动画速度越快。 此外,示例中还包含了一...

Global site tag (gtag.js) - Google Analytics