首页 > 网站 > WEB开发 > 正文

js实现图片大小等比缩放

2024-04-27 14:03:45

字体：大中小

来源：转载

供稿：网友

function resize(thumbs_size) {
    var max = thumbs_size.split('x');
    var fixwidth = max[0];
    var fixheight = max[1];
    imgs = document.getElementsByTagName('img');
    for(i=0;i<imgs.length;i++) {
        w=imgs[i].width;h=imgs[i].height;
        if(w>fixwidth) { imgs[i].width=fixwidth;imgs[i].height=h/(w/fixwidth);}
        if(h>fixheight) { imgs[i].height=fixheight;imgs[i].width=w/(h/fixheight);}
        imgs[i].style.cursor= "pointer";
        imgs[i].onclick = function() { window.open(this.src);}
        if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) {
            imgs[i].title = "点击查看放大图片";
            imgs[i].onmousewheel = function img_zoom() {
                var zoom = parseInt(this.style.zoom, 10) || 100;
                zoom += event.wheelDelta / 12;
                if (zoom> 0) {
                    this.style.zoom = zoom + "%";
                    return false;
                }
            }
        }
        else {
            imgs[i].title = "点击查看放大图片";
        }
    }
}

上一篇：js文本在一行内幻灯显示效果

下一篇：js一个输入检测类

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注