js 鼠标滚轮缩放图片

最新推荐文章于 2024-03-13 16:39:38 发布

wisdonlz

最新推荐文章于 2024-03-13 16:39:38 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/wisdonlz/article/details/5788041

版权

脚笨技术专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<script type="text/javascript">
function resizeimg(ImgD,iwidth,iheight) {
         var image=new Image();
         image.src=ImgD.src;
         if(image.width>0 && image.height>0){
            if(image.width/image.height>= iwidth/iheight){
               if(image.width>iwidth){
                   ImgD.width=iwidth;
                   ImgD.height=(image.height*iwidth)/image.width;
               }else{
                      ImgD.width=image.width;
                      ImgD.height=image.height;
                    }
                   ImgD.alt=image.width+"×"+image.height;
            }
            else{
                    if(image.height>iheight){
                           ImgD.height=iheight;
                           ImgD.width=(image.width*iheight)/image.height;
                    }else{
                            ImgD.width=image.width;
                            ImgD.height=image.height;
                         }
                    ImgD.alt=image.width+"×"+image.height;
                }
　　　        ImgD.style.cursor= "pointer"; //改变鼠标指针
　　        if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器，如果是IE
　　　　        ImgD.title = "请使用鼠标滚轮缩放图片";
　　　　        ImgD.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;
　　　         }
　          }
        }
}
</script>
<body>
示例：
   <img alt="" src="部门ID对照表.jpg" οnlοad="resizeimg(this,this.width,this.height);" />
</body>
</html>

wisdonlz

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 鼠标滚轮缩放图片

<br /><html><br /><script type="text/javascript"><br />function resizeimg(ImgD,iwidth,iheight) {<br /> var image=new Image();<br /> image.src=ImgD.src;<br /> if(image.width>0 && image.height>0){<br /> if(image.width/image
复制链接

扫一扫

专栏目录