Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 21093|回复: 116

[修改] 让DZ5.5图片(包括附件,img标签)拥有DZ6.0的图片查看效果(7.25更新)

[复制链接]
发表于 2007-7-3 18:55:16 | 显示全部楼层 |阅读模式
不想更新6.0的朋友,又想拥有DZ6.0的图片效果的朋友可以试下~~~
已经更新好了JS文件,效果和目前6.0RC1一样~

7月25日更新 以前修改过的朋友重新下载覆盖dzbox.js文件既可达到官方现在的效果~

下面开始修改
第一步:
修改templates/default/header.htm模版
查找
  1. <script type="text/javascript" src="include/javascript/ajax.js"></script>
复制代码

下面加
  1. <script type="text/javascript" src="include/javascript/dzbox.js"></script>
复制代码

第二步:
接着在templates/default/header.htm模版搜索
  1. <body onkeydown="if(event.keyCode==27) return false;">
复制代码

后面加
  1. <div id="append_parent"></div>
复制代码

第三步:
在templates/default/CSS.htm的最后加入
  1. .viewthread { padding-bottom: 1px; }
  2.                 .viewthread ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: #F7F7F7; border-bottom: 1px solid #CAD9EA; line-height: 26px; }
  3.                         .viewthread ins, .viewthread ins a { color: #090; }
  4.                         .viewthread td.postcontent, .viewthread td.postauthor { vertical-align: top; padding: 0 1px; border: none; overflow: hidden; background: #FFF; }
  5.                         .postinfo { color: #666; border-bottom: 1px solid #CAD9EA; padding: 8px 5px 3px 10px; }
  6.                                 .postinfo strong, .postinfo em { float: right; cursor: pointer; padding: 0 5px; color: #069; }
  7.                                         .postinfo strong { margin-left: 5px; border: solid #CAD9EA; border-width: 1px 1px 0; line-height: 22px; height: 22px; color: #090; background: #FFF; font-weight: bold; }
  8.                                                 .postinfo strong sup { font-weight: normal; color: #999; }
  9.                                 .postinfo a { color: #069; }
  10.                                 .postinfo label { color:#090; cursor: pointer; }
  11.                         .postmessage { padding: 10px; overflow: hidden; min-height: 240px; }
  12.                                 * html .postmessage { height: 240px; overflow: visible; }
  13.                                 .postmessage h2 {font-size: 1.17em; margin-bottom: 0.5em; }
  14.                                 .t_msgfont, .t_msgfont td { font-size: 14px; line-height: 1.6em; }
  15.                                 .t_smallfont, .t_smallfont td { font-size: 12px; line-height: 1.6em; }
  16.                                 .t_bigfont, .t_bigfont td { font-size: 16px; line-height: 1.6em; }
  17.                                         .t_msgfont *, .t_smallfont *, .t_bigfont * { line-height: normal; }
  18.                                         .t_msgfont a, .t_smallfont a, .t_bigfont a { color: #069; }
  19.                                 .postratings { float: right; }
  20.                         .signatues { background: url(../../images/default/sigline.gif) no-repeat 0 0; margin: 10px; padding-top: 20px; }
  21.                                 * html .signature { height: expression(signature(this)); }
  22.                         .postactions { border-top: 1px solid #E8E8E8; background: #F7F7F7; line-height: 30px; height: 30px; padding: 0 10px; }
  23.                                 .postactions strong { float: right; padding: 0 5px 0 10px; font-size: 0.83em; line-height: 28px; cursor: pointer; }
  24.                                 .postactions p { float: right; }
  25.                         .postmessage .box { border-width: 1px 0 0; margin: 5px 0; }
  26.                         .postmessage .typeoption { width: 500px; }
  27.                                 .postmessage .box tbody th, .postmessage .box tbody td { border-bottom-color: #E8E8E8; }
  28.                 .postmessage fieldset { font-size: 12px; width: 500px; padding: 10px; border: 1px solid #CAD9EA; margin-top: 2em; }
  29.                         .postmessage fieldset li { color: #999; }
  30.                 .t_msgfont li, .t_bigfont li, .t_smallfont li { margin-left: 2em; }
  31.                 .postattach { width: 500px; margin: 10px 0; }
  32.                 .postattachlist { width: 500px; font-size: 12px; margin-top: 2em; }
  33.                 .t_attach { border: 1px solid #E8E8E8; background: #FFF; }
  34.                         .t_attach em { color: #999; }
  35.                 .t_attachlist { border-bottom: 1px solid #E8E8E8; padding: 5px 0; }
  36.                         .t_attachlist dt { font-weight: bold; }
  37.                                 .t_attachlist dt img { margin-bottom: -4px; }
  38.                         .t_attachlist dd { padding-left: 20px; color: #999; }
  39.                 .t_attachinsert { margin: 1em 0; font-size: 12px; }
  40.                         .t_attachinsert p img { margin-bottom: -4px; }
  41.                 .t_table { border: 1px solid #CAD9EA; empty-cells: show; border-collapse: collapse; width: inherit !important; }
  42.                         .t_table td { padding: 4px; border: 1px solid #CAD9EA; }
复制代码

第四步:
让附件框内的图片有效果
打开templates/default/viewthread_attachlist.htm模版
查找:
  1. <!--{if !$attach['price'] || $attach['payed']}-->
  2. ..............
  3. <!--{/if}-->
  4.    <!--{/if}-->
  5.   <!--{/if}-->
复制代码

上面的"............."为省略的代码
用下面的替换
  1. <!--{if !$attach['price'] || $attach['payed']}-->
  2.    <!--{if $thumbstatus && $attach['thumb']}-->
  3.     <!--{if ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl'])}-->
  4.      <a href="#zoom"><img onclick="zoom(this,'$attach[url]/$attach[attachment]')" src="attachment.php?aid=$attach[aid]" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\\nCTRL+Mouse wheel to zoom in/out';}" onmousewheel="return imgzoom(this);" alt="{lang image_thumb}"/></a>
  5.     <!--{else}-->
  6.      <a href="#zoom"><img onclick="zoom(this,'$attach[url]/$attach[attachment]')" src="$attach[url]/$attach[attachment].thumb.jpg" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\\nCTRL+Mouse wheel to zoom in/out';}" onmousewheel="return imgzoom(this);" alt="{lang image_thumb}"/></a>
  7.     <!--{/if}-->
  8.    <!--{else}-->
  9.     <!--{if ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl'])}-->
  10.      <a href="#zoom"><img onclick="zoom(this,'$attach[url]/$attach[attachment]')" src="attachment.php?aid=$attach[aid]&noupdate=yes" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\\nCTRL+Mouse wheel to zoom in/out';}" onmousewheel="return imgzoom(this);" alt="{lang image_thumb}"/></a>
  11.     <!--{else}-->
  12.      <a href="#zoom"><img onclick="zoom(this,'$attach[url]/$attach[attachment]')" src="$attach[url]/$attach[attachment]" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\\nCTRL+Mouse wheel to zoom in/out';}" onmousewheel="return imgzoom(this);" alt="{lang image_thumb}" /></a>
  13.     <!--{/if}-->
  14.    <!--{/if}-->
  15.   <!--{/if}-->
复制代码

第5步:
让附件的图片插入到帖子中有效果
打开include\discuzcode.func.php文件(重要文件,修改前备份!)
查找:
  1. $replacement .= ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl']) ? '<a href="attachment.php?aid='.$attach['aid'].'&noupdate=yes&nothumb=yes" target="_blank"><img src="attachment.php?aid='.$attach['aid'].'" border="0" alt="'.$language['attach_img_thumb'].'" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1)" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" /></a>' :
  2.      '<a href="'.$attach['url'].'/'.$attach['attachment'].'" target="_blank"><img src="'.$attach['url'].'/'.$attach['attachment'].'.thumb.jpg" border="0" alt="'.$language['attach_img_thumb'].'" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1)" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" /></a>';
  3.    } else {
  4.     $replacement .= ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl']) ? '<img src="attachment.php?aid='.$attach['aid'].'&noupdate=yes" border="0" onload="attachimg(this, \'load\', \''.$language['attach_img_zoom'].'\')" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1);attachimg(this, \'mouseover\')" onclick="attachimg(this, \'click\', \'attachment.php?aid='.$attach['aid'].'\')" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" onmousewheel="return imgzoom(this)" alt="" />' :
  5.      '<img src="'.$attach['url'].'/'.$attach['attachment'].'" border="0" onload="attachimg(this, \'load\', \''.$language['attach_img_zoom'].'\')" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1);attachimg(this, \'mouseover\')" onclick="attachimg(this, \'click\', \''.addslashes("$attach[url]/$attach[attachment]").'\')" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" onmousewheel="return imgzoom(this)" alt="" />';
复制代码

这里一定要注意~~~
替换成
  1. $replacement .= ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl']) ? '<a href="#zoom"><img onclick="zoom(this, \'attachment.php?aid='.$attach['aid'].'\')" src="attachment.php?aid='.$attach['aid'].'" onload="javascript:if(this.width>550)this.width=550" border="0" alt="'.$language['attach_img_thumb'].'" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1)" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" /></a>' :
  2.      '<a href="#zoom"><img onclick="zoom(this, \''.$attach['url'].'/'.$attach['attachment'].'.thumb.jpg\')" src="'.$attach['url'].'/'.$attach['attachment'].'.thumb.jpg" onload="javascript:if(this.width>550)this.width=550" border="0" alt="'.$language['attach_img_thumb'].'" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1)" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" /></a>';
  3.    } else {
  4.     $replacement .= ($attachrefcheck || $attach['remote']) && !($attach['remote'] && substr($ftp['attachurl'], 0, 3) == 'ftp' && !$ftp['hideurl']) ? '<a href="#zoom"><img src="attachment.php?aid='.$attach['aid'].'&noupdate=yes" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1);attachimg(this, \'mouseover\')" onclick="zoom(this, \'attachment.php?aid='.$attach['aid'].'&noupdate=yes\')" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" onmousewheel="return imgzoom(this)" alt="" /></a>' :
  5.      '<a href="#zoom"><img src="'.$attach['url'].'/'.$attach['attachment'].'" border="0" onload="javascript:if(this.width>550)this.width=550" onmouseover="attachimginfo(this, \'attach_'.$attach['aid'].'\', 1);attachimg(this, \'mouseover\')" onclick="zoom(this, \''.$attach['url'].'/'.$attach['attachment'].'\')" onmouseout="attachimginfo(this, \'attach_'.$attach['aid'].'\', 0, event)" onmousewheel="return imgzoom(this)" alt="" /></a>';
复制代码


修改[IMG]标签

打开include\discuzcode.func.php文件(此文件修改前最好先备份,以免出错!)
查找(如果查找不到,找到类似的即可)
  1. <img src=\"%s\" border=\"0\" onload=\"if
  2. (this.width>screen.width*0.7) {this.resized=true;
  3. this.width=screen.width*0.7; this.alt=\'Click here to open new
  4. window\\nCTRL+Mouse wheel to zoom in/out\';}\" onmouseover=\"if
  5. (this.width>screen.width*0.7) {this.resized=true;
  6. this.width=screen.width*0.7; this.style.cursor=\'hand\';
  7. this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom
  8. in/out\';}\" onclick=\"if(!this.resized) {return true;} else
  9. {window.open(\'%s\');}\" onmousewheel=\"return imgzoom(this);\"
  10. alt=\"\" />
复制代码

替换为
  1. <a href=\"#zoom\"><img src=\"%s\" border=\"0\" onload=\"javascript:if(this.width>550)this.width=550\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\'hand\'; this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\';}\" onmousewheel=\"return imgzoom(this);\" onclick=\"zoom(this, \'%s\')\" alt=\"\" /></a>
复制代码

上传附件到相应位置 修改完毕!!
效果察看地址:
http://www.tong-xun.com/viewthread.php?tid=228&extra=page%3D1
已经更新~

[ 本帖最后由 qiji0554 于 2007-7-30 01:35 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2007-7-3 19:41:45 | 显示全部楼层
:) 沙发                     顶
回复

使用道具 举报

发表于 2007-7-3 20:04:26 | 显示全部楼层

回复 #2 hcdtbs 的帖子

板凳?呵呵,不是吧?
回复

使用道具 举报

发表于 2007-7-3 20:27:53 | 显示全部楼层
我喜欢你咯
帅气
回复

使用道具 举报

头像被屏蔽
发表于 2007-7-3 21:01:29 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

头像被屏蔽
发表于 2007-7-3 21:02:04 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

发表于 2007-7-3 21:05:30 | 显示全部楼层
支持,绝对支持!!!
回复

使用道具 举报

 楼主| 发表于 2007-7-3 21:15:52 | 显示全部楼层
原帖由 tyiweb 于 2007-7-3 21:02 发表
欢迎来看演示 http://www.xxzr.cn/bbs/thread-4433-1-1.html

呵呵 成功就好!!!
回复

使用道具 举报

发表于 2007-7-4 02:44:18 | 显示全部楼层
你的只成功了一半

因為
假設官方的簽名檔是不會有這效果的

[ 本帖最后由 xox1191 于 2007-7-4 03:02 编辑 ]
回复

使用道具 举报

 楼主| 发表于 2007-7-4 02:58:37 | 显示全部楼层
原帖由 xox1191 于 2007-7-4 02:44 发表
你的只成功了一半

因為
假設上傅圖片不插入主題內
是會失效的

一样可以的 不信 你可以试试~~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|Comsenz ( 粤B2-20090059-165 )star

GMT+8, 2019-7-18 23:09

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表