jquery 缩放图片长宽
作者:朱尚 / 日期:2014-11-19 / 分类:JavaScript / 浏览:1474
<script type="text/javascript">
    $(window).load(function () {
        $('img').each(function () {
            var maxWidth = 500; // 图片最大宽度   
            var maxHeight = 500;    // 图片最大高度   
            var ratio = 0;  // 缩放比例  
            var width = $(this).width();    // 图片实际宽度   
            var height = $(this).height();  // 图片实际高度     // 检查图片是否超宽   
            if (width > maxWidth) {
                ratio = maxWidth / width;   // 计算缩放比例       
                $(this).css("width", maxWidth); // 设定实际显示宽度       
                height = height * ratio;    // 计算等比例缩放后的高度       
                $(this).css("height", height);  // 设定等比例缩放后的高度   
            }     // 检查图片是否超高  
            if (height > maxHeight) {
                ratio = maxHeight / height; // 计算缩放比例      
                $(this).css("height", maxHeight);   // 设定实际显示高度       
                width = width * ratio;    // 计算等比例缩放后的高度       
                $(this).css("width", width);    // 设定等比例缩放后的高度   
            }
        });

    })
</script>
上一篇:Jquery 控制按钮可用与不可用
下一篇:Js判断字段中是否包含特定字符 indexOf
本文标签: 控制图片长宽范围
本文链接:http://www.banzhuan.net/detail/230