返回论坛首页联系我们论坛帮助
>> 网页设计交流,相互学习,共同进步……
搜一搜更多此类问题 
泥客论坛(十几年前的回忆)泥客技术☆网页制作☆ → 如何去掉鼠标滚轮缩放图片和解决签名图片变形问题

您是本帖的第 7005 个阅读者
树形 打印
标题:
如何去掉鼠标滚轮缩放图片和解决签名图片变形问题
小轲
帅哥哟,离线,有人找我吗?
头衔:泥客主席
等级:校长
威望:10
文章:10704
积分:67065
注册:1949年10月1日
楼主
  QQ 点击这里发送电子邮件给小轲 访问小轲的主页

发贴心情
如何去掉鼠标滚轮缩放图片和解决签名图片变形问题

修改inc\main.js文件,在第201行左右,找到

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

改为

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

就好了。其实就是做了一下注释,让这两行代码不执行罢了。要想重新开启这个功能,只要去掉那几个//就可以了。

以上方法用于完全去掉图片滚轮缩放(包括签名和帖子图片),要想分别进行设置,请修改:inc\Dv_ubbcode.asp (注意!上面的方法和下面将要提到的方法不能同时使用,是完全不同的两个修改方法!)

找到:

Private Function bbimg(strText,ssize)
  Dim s
  s=strText
  re.Pattern="<img(.[^>]*)>"   If ssize=500 Then
   s=re.replace(s,"<img$1onmousewheel=""return bbimg(this)"" onload=""javascript:if(this.width>screen.width-"&ssize&")this.width=screen.width-"&ssize&";"">")   Else
   s=re.replace(s,"<img$1onmousewheel=""return bbimg(this)"" onload=""javascript:if(this.width>screen.width-"&ssize&")this.width=screen.width-"&ssize&";if(this.height>100)this.height=100;"">")   End If
  bbimg=s
End Function

注意红色底色的这几行代码!其中,第一段(if ... then下面的代码,黑色字)是用于帖子里的图片的,第二段(Else下面的代码,绿色字)是用于签名的图片的,黄色底色的onmousewheel=""return bbimg(this)"" 用于检测鼠标滚轮事件,想去掉鼠标滚轮功能,就删掉这段代码。举例说明:

以下代码去掉了签名中的鼠标滚轮操作:(注意比较!)

If ssize=500 Then
   s=re.replace(s,"<img$1onmousewheel=""return bbimg(this)"" onload=""javascript:if(this.width>screen.width-"&ssize&")this.width=screen.width-"&ssize&";"">")
  Else
   s=re.replace(s,"<img$1onload=""javascript:if(this.width>screen.width-"&ssize&")this.width=screen.width-"&ssize&";if(this.height>100)this.height=100;"">")
  End If

看出来了吧?其实很简单,呵呵~

顺便提一句,签名图片在某些情况下(高度大于100时)会被压扁,那是因为这行代码:if(this.height>100)this.height=100;  如果你想把高度改为其它数值,那就动手吧!或者直接删掉这段代码,就不会限制签名图片的高度了。

PS:不知道为什么,宽度自动缩放会实现“锁定纵横比”效果,但是缩放高度却会把图片压扁(仅有部分图片会出现变形),目前有两个解决办法(任选其一):

1、修改if(this.height>100)this.height=100;  为:if(this.height>100)this.style.height=100;  这样做可以保证大部分图片按比例缩放,只有少数特殊的图片会被变形。

2、修改if(this.height>100)this.height=100; 为:if (this.height>100){var rate=100 / this.height;this.style.width=this.width * rate;}

方法二的原理说明:其实就是一个算法,把高度的缩放改为宽度的缩放,因为无论什么图片对其width进行缩放都不会造成变形(至少我还没有发现会变形的图片),所以想用哪个方法就由各位自己选择了。一般来说推荐第一个方法,如果发现还有图片缩小后变形,再试试第二个方法。谢谢。


ip地址已设置保密
2004/11/28 17:59:16
flyingtime
帅哥哟,离线,有人找我吗?
等级:高中二年级
威望:16
文章:991
积分:1880
注册:2004年10月2日
2
  QQ 点击这里发送电子邮件给flyingtime

发贴心情

这五颜六色的,看的我都一目了然了!

小轲辛苦了!!

ip地址已设置保密
2004/11/28 22:23:26

 2   2   1/1页      1    
Powered By Dvbbs Version 7.1.0 Sp1
页面执行时间 00.07813 秒, 4 次数据查询