zoukankan      html  css  js  c++  java
  • 用JS自动缩小超出大小的图片

    在文章的正文中,往往会出现一些超大的图片,把页面撑开变形,影响了美观。用这段JS代码就可解决这个问题,你可以把图片的最大值限定在一定范围内,当图片大小超出这个尺寸后,就会被自动缩小。

    <SCRIPT src="/js/ShowPic.js" type=text/javascript></SCRIPT>
    <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>=  200/200){ 
             if(image.width>200){     
             ImgD.width=200; 
             ImgD.height=(image.height*200)/image.width; 
             }else{ 
             ImgD.width=image.width;     
             ImgD.height=image.height; 
             } 
            
             } 
           else{ 
             if(image.height>200){     
             ImgD.height=200; 
             ImgD.width=(image.width*200)/image.height;           
             }else{ 
             ImgD.width=image.width;     
             ImgD.height=image.height; 
             } 
            
             } 
           } 
    }   
    //--> 
    </script>

    把上边的这段代码加入<head></head>之中
    在相关图片上加入以下代码或者把onload的代码加入到body里:

    <img src=# onload=javascript:DrawImage(this); >

  • 相关阅读:
    注释总结
    C# Notes
    坑爹的Honor10开热点
    用热得快烧洗澡水
    跳转语句
    台湾书籍代购网址——2013-08-25 16
    【转】cocos2d-x 模仿计时器效果,动态增加分数——2013-08-25 16
    【转】C/C++中的日期和时间 TIME_T与STRUCT TM转换——2013-08-25 16
    【转】Cocos2d-x 2.0 拖尾效果深入分析
    cocos2d-x之CCMotionStreak类——2013-08-25 16
  • 原文地址:https://www.cnblogs.com/zgz_dpl/p/1876668.html
Copyright © 2011-2022 走看看