当前位置:起点学习辅导网培训频道电脑知识学习网页制作Javascript教程js实现图片大小等比缩放

js实现图片大小等比缩放

08-08 00:40:48浏览次数:539栏目:Javascript教程
标签:javascript视频教程,javascript教程下载, js实现图片大小等比缩放,
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实现图片大小等比缩放》相关文章
给资讯打分:
网友评论: