滚轮改变图片大小

转载 2007年09月13日 14:30:00
<html>
<head>
    
<title>无标题页</title>
    
<script language="javascript">...
      
if (window.addEventListener)
      
...{
         window.addEventListener(
'DOMMouseScroll', wheel, false);//给firefox添加鼠标滚动事件
      }

      
//else
      //{
        // window.onmousewheel = document.onmousewheel = wheel;//ie
      //}
      
      
function wheel(event)
      
...{
         
var delta = 0;
         
var div = document.getElementById("div1");
         
if (!event) /**//* For IE. */
         
...{
            event 
= window.event;
         }

         
if (event.wheelDelta)
         
...
            
//让一个是IE
            //if(event.srcElement.tagName=="IMG" && div.contains(event.srcElement))
            //{
               //event.srcElement.width+=event.wheelDelta/15;
              // return false;
            //}
         }
 
         
else if (event.detail) 
         
...
            
//如果是firefox
            var allImg = div.getElementsByTagName("IMG");
            
var isThis=false;//现判断鼠标中仑的元素是不是包含在那个div里面
            for(i=0;i<allImg.length;i++)
             
...{
                
if(allImg[i]==event.target)
                
...{
                   isThis
=true;
                }

             }

             
if(isThis && event.target.tagName=="IMG")
             
...{
                event.target.width
=event.target.width+event.detail*12;
                event.returnValue 
= false;
             }

          }

          
return true;
        }

        
function bbimg(o)
        
...{
           
var zoom=parseInt(o.style.zoom, 10)||100;
           zoom
+=event.wheelDelta/12;
           
if (zoom>0) o.style.zoom=zoom+'%';
           
return false;
        }

    
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
        
<div id="div1"
        <table class
="tablebody2" style="table-layout:fixed;" border="0" width="90%">
           
<tr>
               
<td>
                  
<img id="11" src="UserFolder/00.jpg" onclick="javascript:window.open(this.src);" 
style
="cursor: pointer;" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" 
onmousewheel
="return bbimg(this)" border="0" />
               
</td>
           
</tr>
         
</table>
        
</div>
    
</form>
</body>
</html>

 

python 批量修改图片大小

引用的模块 from PIL import Image Image的使用 def resize_image(img_path): try: mPath, ext = os.pa...
  • ldczzzzzz
  • ldczzzzzz
  • 2017年05月26日 17:20
  • 646

用PHP改变图片的尺寸大小

改变图片的尺寸是一个很常见的功能需求,下面开始研究下关于PHP改变图片尺寸的方法。先介绍一个自己写的函数。 01 02 ...
  • xiaofeng119
  • xiaofeng119
  • 2015年07月09日 14:37
  • 1057

HTML标签img--改变图片尺寸

1、统一大小? 我的网页上面有许多的图片,有的大,有的小,我想如果图片大的实现缩放,所有的都是一般大。来看看没有是什么效果。 大家看的出来,非常的难看的,于是我想让有没有一种方法是把那个大...
  • u012377333
  • u012377333
  • 2016年01月13日 10:11
  • 13217

c#上传并改变图片大小

protected void UpLoadPhoto_Click(object sender, ImageClickEventArgs e) { if (FileUpload1...
  • ffstarff
  • ffstarff
  • 2013年02月27日 17:17
  • 199

VB.NET小程序:改变图片大小

实现了图片大小的改变和保存。 末进初学,贴出来大家一起学习。
  • gmxcs
  • gmxcs
  • 2017年03月09日 23:31
  • 138

ImageLoader改变图片大小操作

import android.graphics.Bitmap; import android.os.AsyncTask; import android.support.v7.app.AppComp...
  • wwe11122
  • wwe11122
  • 2018年01月04日 10:36
  • 12

Qt tip qlabel 如何设置图片,图片大小设置为qlabel等同大小

设置qlabel填充图片,并且将一张图片大小宽高设置为qlabel的边框宽高的大小。 ui->dangqian_tianqi_img_label->width() //为ql...
  • linbounconstraint
  • linbounconstraint
  • 2016年08月31日 11:17
  • 4615

修改图片大小和质量 C#

转自:http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=129365&extra=page%3D4 有时候我们在做一些事情的时...
  • zkcharge
  • zkcharge
  • 2013年06月27日 14:46
  • 849

matlab 图像批量修改图像大小

网上上传图像的时候经常要修改图像的大小,这就用matlab写了一个小程序,能够批量修改图像的大小,顺便转换一下格式,挺好用的。先放在这里,有空的时候编译成exe。 function [ ] ...
  • qq_25022433
  • qq_25022433
  • 2015年04月24日 10:16
  • 1674

C#winform用鼠标滚轮控制图片大小,MouseWheel事件

首先在窗体构造方法,里加入这样一句话 C#代码   this.MouseWheel += new System.Windows.Forms.MouseEventHandler(this....
  • WTunique
  • WTunique
  • 2015年04月03日 15:13
  • 1647
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滚轮改变图片大小
举报原因:
原因补充:

(最多只允许输入30个字)