页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案

来源：百度文库 编辑：神马文学网 时间：2024/04/27 07:13:02
   我们经常会遇到在页面中的图片按照我们自己的大小来显示，这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。
    我们这里有2种解决办法，
    1，不按照比例的缩放
function changeImg(mypic){
    var xw=130;
    var xl=160;

    var width = mypic.width;
    var height = mypic.height;
                    
    if (width > xw ) mypic.width = xw;
    if (height > xl ) mypic.height = xl;
}

    2，按照比例的缩放

function changeImg1(mypic){
    var xw=160;
    var xl=180;
        
    var width = mypic.width;
    var height = mypic.height;
    var bili = width/height;        
        
    var A=xw/width;
    var B=xl/height;
        
    if(A>1||B>1)
    {
        if(A        {
            mypic.width=xw;
            mypic.height=xw/bili;
        }
        if(A>B)
        {
            mypic.width=xl*bili;
            mypic.height=xl;
        }
    }
}

页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案 页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案 图片自动缩小的js代码,用以防止图片撑破页面 js 中小数的处理 变幻图片的JS文件 js实现页面跳转的几种方式 JS实现页面跳转的几种方法 缩小scriptresource.axd大小-刀刀的聚元阁-搜狐博客 批量修改图片大小的方法 关于搜索引擎页面分析中的 javascript 处理的2个思路 缩小了100000倍的图片 283、 由财务部门统一核算的工会经费，不超过规定部分，是否可以税前扣除？ 而出土不超过三天的 百度快照与其他搜索快照对js的处理 js的页面打印，页眉和页脚一些多余信息怎么去除 Web 开发 / JavaScript 一个关于框架页面frame之间JS函数调用的问题 利用php和js来轻松实现页面数据的刷新 js的页面打印，页眉和页脚一些多余信息怎么去除 Web 开发 / JavaScript 一个关于框架页面frame之间JS函数调用的问题 js实现页面跳转的几种方式 - ie421.NET - 博客园 js的页面打印，页眉和页脚一些多余信息怎么去除 Web 开发 / JavaScript -... 记忆中的爱——点击页面的每张图片你会有惊奇发现 引用 记忆中的爱——点击页面的每张图片你会有惊奇发现 营销策划方案的拟订步骤和格式 - 产品策划内容页面