本人参考以前的方法加以
修改。
以前同类修改的一个通病，就是不能很好的自动根据用户显示器的分辨率的不同，把
图片正好缩小到帖子正文浏览框的宽度。这次本人的修改则完美克服了这个缺点，不管用户显示器的分辨率是800*600、1024*768，1280*1024，1440*900，还是1680*1050，都能自动把大图片正好缩小到帖子浏览框的宽度，最大限度的利用了显示器的显示面积。
1、修改require\下的文件bbscode.php：
具体修改方法非常简单，如下：
修改require\下的文件bbscode.php：
找到
代码：
复制代码- $wopen = !$wopen ? "if(this.width>screen.width-461)" : '';
- $code = "<img src=\"$turl\" border=\"0\" onclick=\"$wopen window.open('$url');\" $alt>";
|
用以下代码替换：
复制代码- $wopen = !$wopen ? "if(this.width>screen.width*0.78-37)" : '';
- $code = "<img src=\"$turl\" border=\"0\" onclick=\"$wopen window.open('$url');\"onload=\"if(this.width>screen.width*0.78-36)this.width=screen.width*0.78-36;\">";
|
如果需要滚轮缩放的话，那么应该用下面的代码替换，然后再按第2步的说明改：
复制代码- $wopen = !$wopen ? "if(this.width>screen.width*0.78-37)" : '';
- $code = "<img src=\"$turl\" border=\"0\" onmousewheel=\"return bbimg(this)\" onclick=\"$wopen window.open('$url');\"onload=\"if(this.width>screen.width*0.78-36)this.width=screen.width*0.78-36;\">";
|
2、有了上面的修改，一般来说不需要鼠标滚轮缩放图片了，除非少数一些特别长的图片，为了看到全图，有时还需要用鼠标滚轮缩小一下图片。
如果还需要加入图片随鼠标滚轮缩放，请做如下修改：
修改相应
风格的header.htm，如果希望每个风格下都有滚轮缩放，那么每个风格的header.htm都需要修改：
查找 <html xmlns="http://www.w3.org/1999/xhtml">
在下面添加：
复制代码- <script>
- 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>
|
如果用Alt键+鼠标滚轮缩放，则添加下面的代码：
复制代码- <script>
- function bbimg(o)
- {
- if (event.altKey){
- var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
- return false;
- }else{
- return true;
- }
- }
- </script>
|
如果习惯用Ctrl键+滚轮缩放，就把上面的AltKey改成CtrlKey。
此修改适合宽屏风格，如果是根据分辨率按比列缩小宽度的窄版风格，那么可以修改screen.width*0.78中的0.78到合适的数值，如果是固定宽度的窄版风格，那么到后台设定固定的值就可以了。
这个方法比以前pw论坛上的其它修改方法完美多了，但是还是没有dz对图片显示宽度的控制好，dz的图片显示方式，不管用户显示器的分辨率多大、
论坛风格是宽版还是窄版，浏览器的宽度如何，都能够完美的自动缩小图片宽度到帖子浏览框的大小。dz应该是同时考虑了显示器分辨率，浏览器的宽度，论坛风格的宽度，最后得出帖子浏览框的宽度值，然后再把图片宽度缩小到该大小。希望有高手能把dz的图片显示方式仿过来。
再没有更好的对图片显示宽度的控制方法前，建议pw官方在
6.3正式版中采用本人目前的修改方式。
演示地址:
pw6.3rc（alt+滚轮缩放）：
http://www.lshbx.cn/bbs/read.php?tid=4043 pw5.3：
http://www.biguan.cn/bbs/read.php?tid=4597 pw6.3：
http://www.gxiao.net/read.php?tid=95166.3日更新，增加了alt+鼠标滚轮缩放的修改方法。6.12日更新，增加保留后台对图片宽度的控制，这样就更完美了，几乎可以适用任何风格的论坛了。[ 此帖被喝哩在2009-01-15 16:19重新编辑 ]
