图片按比例缩放，鼠标滚轮调整大小

<script type="text/javascript"><!-- google_ad_client = "pub-4791287241396031"; /* 728x90, 创建于 09-7-29 */ google_ad_slot = "4018300068"; google_ad_width = 728; google_ad_height = 90;// --></script>

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

JavaScript语言: OA

<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"; //改变鼠标指针 
         ImgD.onclick = function() { window.open(this.src);} //点击打开大图片  

         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;
         }  

         } else { //如果不是IE
                 ImgD.title = "点击图片可在新窗口打开";  
        } 
     } 
}
</script>

 

调用方法 <img src="Images/img1.jpg" onload="javascript:resizeimg(this,100,60)">

 

 

选CRM OA ERP SCM 进销存 等软件,上星烛网！ http://www.xingzhu.net.cn 

<script type="text/javascript"><!-- google_ad_client = "pub-4791287241396031"; /* 728x90, 创建于 09-7-29 */ google_ad_slot = "4018300068"; google_ad_width = 728; google_ad_height = 90;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>