Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

DNSPod 年终盛典 - 全年最低价,不只是 1 折!1 元就能买域名,DNS 套餐仅需 6 元,更有超值代金券礼包!
搜索
查看: 7652|回复: 29

[修改] 修改img标签,让DZ5.5拥有DZ6.0一样的图片查看效果!

[复制链接]
发表于 2007-7-1 23:45:45 | 显示全部楼层 |阅读模式
DNSPod 年终盛典 - 全年最低价,不只是 1 折!1 元就能买域名,DNS 套餐仅需 6 元,更有超值代金券礼包!
首先感谢giky
由他的DZ6.0图片效果的插件所启发
然后修改的
效果基本和官方6.0一样

修改方法
1.首先上传文件到论坛
JS文件传到/include/javascript/下
图片传到你使用的模版的图片文件夹里
2.修改header.htm模版
查找
  1. <script type="text/javascript" src="include/javascript/ajax.js"></script>
复制代码
下面加
  1. <script type="text/javascript" src="include/javascript/dzbox.js"></script>
复制代码
搜索
  1. <body onkeydown="if(event.keyCode==27) return false;">
复制代码
后面加
  1. <div id="append_parent"></div>
复制代码
然后打开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
  2. href=\"#zoom\"><img src=\"%s\" border=\"0\"
  3. onload=\"javascript:if(this.width>550)this.width=550\" onmouseover=\"if(this.width>screen.width*0.7)
  4. {this.resized=true; this.width=screen.width*0.7;
  5. this.style.cursor=\'hand\'; this.alt=\'Click here to open new
  6. window\\nCTRL+Mouse wheel to zoom in/out\';}\" onmousewheel=\"return
  7. imgzoom(this);\" onclick=\"zoom(this, \'%s\')\" alt=\"\" /></a>
复制代码
最后在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; }
复制代码
修改完成
用img 标签发张图片看看效果吧!

演示地址:http://www.tong-xun.com/viewthread.php?tid=214&extra=page%3D1
希望大家喜欢~~~~再次感谢原作者!!呵呵~~

[ 本帖最后由 qiji0554 于 2007-7-5 15:48 编辑 ]

本帖子中包含更多资源

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

x
发表于 2007-7-2 00:17:36 | 显示全部楼层
收藏~~~~~~~~~~~
回复

使用道具 举报

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

使用道具 举报

 楼主| 发表于 2007-7-2 11:33:39 | 显示全部楼层
原帖由 szpanda 于 2007-7-2 10:13 发表
\discuzcode.func.php 出错拉

仔细看看你有没覆盖错误!
我是改成功了的!!
你对比下discuzcode.func.php 里需要修改的部分
其实就加了个<a hrre=/"#zoom/"></a>和一个onclick的修改

[ 本帖最后由 qiji0554 于 2007-7-2 11:41 编辑 ]
回复

使用道具 举报

发表于 2007-7-2 12:07:22 | 显示全部楼层
附件怎樣修改??
回复

使用道具 举报

 楼主| 发表于 2007-7-2 12:09:47 | 显示全部楼层
原帖由 totoromehk 于 2007-7-2 12:07 发表
附件怎樣修改??

晚上看有没空
整理下发出来~~~
回复

使用道具 举报

发表于 2007-7-2 13:42:18 | 显示全部楼层
原帖由 qiji0554 于 2007-7-2 12:09 发表

晚上看有没空
整理下发出来~~~

回复

使用道具 举报

发表于 2007-7-2 15:20:54 | 显示全部楼层
没有用的。
还是在新窗口打开的
回复

使用道具 举报

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

使用道具 举报

发表于 2007-7-2 15:38:45 | 显示全部楼层
哪个用好了,
体会说出来啊
回复

使用道具 举报

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

本版积分规则

腾讯云市场年终大促!Discuz X3.4论坛系统免费用,虚拟主机低至20元/月,爆款小程序1元起!

小黑屋|Discuz! 官方站 ( 粤B2-20090059-165 )star

GMT+8, 2020-1-21 06:54

Powered by Discuz! X3.3

Copyright © 2001-2019 Tencent Cloud.

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