设为首页 - 加入收藏
您的当前位置:主页 > 网页教程 > Javascript教程 > 正文

利用JS轻松控制文章中图片显示大小

来源:未知 点击数: 时间:2018-01-14

 利用JS轻松控制文章中图片显示大小
js图片大小限制,设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//图片大小自动脚本
    function AutoResizeImage(maxWidth, maxHeight, objImg) {
        var img = new Image();
        img.src = objImg.src;
        var hRatio;
        var wRatio;
        var Ratio = 1;
        var w = img.width;
        var h = img.height;
        wRatio = maxWidth / w;
        hRatio = maxHeight / h;
        if (maxWidth == 0 && maxHeight == 0) {
            Ratio = 1;
        } else if (maxWidth == 0) { //
            if (hRatio < 1) Ratio = hRatio;
        } else if (maxHeight == 0) {
            if (wRatio < 1) Ratio = wRatio;
        } else if (wRatio < 1 || hRatio < 1) {
            Ratio = (wRatio <= hRatio ? wRatio : hRatio);
        }
        if (Ratio < 1) {
            w = w * Ratio;
            h = h * Ratio;
        }
        objImg.height = h;
        objImg.width = w;
    }

  使用方法:

  然后图片引用位置      然后图片引用位置写上<img src='地址' onload='AutoResizeImage(800,900,this)' />即可。 写上即可。

  800和900表示限制的最大宽和高;

上一篇:没有了
下一篇:没有了

相关文章:

相关推荐:

A3站长网 站长网 站长网技术网 站长教程网 织梦CMS教程 织梦模板 帝国CMS模板 联系QQ:26991496 邮箱:26991496@qq.com

A3站长网:欢迎您!谢谢您的访问...

Top