[整合]Light-box+缩略图+在线播放附件（txt+mp3+avi+swf+wmv+rm)+附件美化 for Dz5

06年9月28日更新～
原帖地址：https://discuz.dismall.com/thread-412318-1-5.html

1. 感谢liangnet提出的解决方案

复制代码

1. 原帖第五步 不做修改 (5、修改header.htm )
   
2. 
   
3. 改成修改\templates\default\viewthread.htm
   
4. 
   
5. {template header}
   
6. 
   
7. 下面加：
   
8. 
   
9. <script type="text/javascript" src="js/prototype.js"></script>
   
10. <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    
11. <script type="text/javascript" src="js/lightbox.js"></script>
    
12. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
13. 
    
14. 
    
15. [url=http://www.47757.com]DNF外挂[/url]
    
16. 
    
17. 
    
18. 演示地址: [url=www.fstnet.net/bbs/]www.fstnet.net/bbs/[/url]
    
19. 
    

复制代码

06年8月10日更新～
假如你的D5是新安装的 可以直接到114楼去下载附件 感谢老兄的整理

06年7月30日更新～
[table][tr][td] 不要压缩图片的修改方法：（在已经按我的方法修改的前提下 ）   

详见91楼   

06年7月29日更新～

       整合了压缩图片附件 然后再上传到你的服务器文件夹那里的 存储空间需求缩小了很多 呵呵~我现在设定的是：

如果图片宽大于640 就压缩成640
            长大于480 就压缩成480
            都小于的话就按原图大小显示

然后在帖子那里是这样显示的～

            如果图片大于屏幕分辨率的45％就把整张图片显示成分辨率的45％

            如果图片长和宽都小于屏幕的45％则按原来图片大小的显示



这样图片就双重"过滤"了，给服务器降压了很多呀 呵呵

            由于昨天加演示地址的时候点错了很多东西。。。结果这个帖子的内容全部变成了很多很多的代码连空格回车都出来了 后来就重新编辑了一次～这个是我原来帖子的内容，放心 在本贴的错误的代码修复了～

  

不好意思 刚手快上传错误的附件了～现已经更新了附件～请重新下载附件安装～请大家原谅～这次100％能安装成功

演示地址：http://www.liusd.cn/d5/viewthread.php?tid=3&extra=page%3D1

等图片load完后点击附件图片可看到效果

作品名称：[整合+美化]Light-box+图片所略+在线播放附件（mp3+avi+swf+wmv+rm)+附件美化  for DZ5.0        
适用版本：Discuz! 5.0        
作品参考：《上传的音乐附件(MP3/WMV/RM/FLASH)在线播放 For 4.10 By Oytktk》;《附件隐藏及表格美化含下载名单for dz4.10;[美化] 图片预览组件--lightbox(非常漂亮哦~); [插件] 上传图片生成真正的缩略图 for 4.x
作品修改：edwardhey         
修改速据库：无         
修改难度：比较繁琐        
友情提示：请注意备份，养成好习惯；请勿修改版权，注重知识产权，产权归原作者所有！

      

应某部分人要求改成Dz5.0 再整合了light-box（超酷显示图片） 配合 所略图插件（修改加入了GIF）


      

卖点：使上传的附件更具有活力，搭配light-box超酷显示图片；缩略图经修改支持GIF文件的压缩，通过缩小参数， 可以有效防止图片太大太多时候出现暴格或者无法显示贴内广告等情况（不过这种只是暂时措施。。。希望官方能出个更好更全面的所略图插件）;      
有待改进的地方：当上传图片的同时上传wmv附件时，图片必然走位（无法通过官方的办法所略），不知道为什么，这个BUG希望高手能来修补下；没有加入附件名字长度的限制，希望有高手加入对附件名字的“所略”；所略图不支持bmp格式图片，上传bmp图片格式的时候会出现黑黑的一大块，建议后台关闭对BMP格式的上传。           

修改方法（以下修改均以官方模板为例）：
1.上传附件到相应目录；(若你还有别的模板要这样改，请把upload\templates\default\wishwhatsnew.htm复制到相应风格目录下，否则会出现错误！)
2.打開post.func.php

查找:

1. if(!defined('IN_DISCUZ')) {

复制代码

上面加：

1. require $discuz_root.'./include/thumbpic.func.php';

复制代码

再找：

1.                 if(@copy($attach['tmp_name'], $target) || (function_exists('move_uploaded_file') && @move_uploaded_file($attach['tmp_name'], $target))) {
   
2.                         @unlink($attach['tmp_name']);
   
3.                         $attach_saved = true;
   
4.                 }

复制代码

下面加：

1. // 上傳图片压缩尺寸和体积 by karl907
   
2.                 if(in_array($extension, array('jpg','png'))) {
   
3.                         makethumb($target,$photo_small);
   
4.                 }

复制代码

3、修改viewthread.php

查找：

1. 
   
2. $attach['attachimg'] = $showimages && $attachimgpost && in_array($extension, array('jpg', 'jpeg', 'jpe', 'gif', 'png', 'bmp')) && (!$attach['readperm'] || $readaccess >= $attach['readperm']) ? 1 : 0;
   

复制代码

下面加：

1. 
   
2. $attach['attachtext'] = $attachimgpost && in_array($extension, array('txt', 'rtf', 'htm', 'html')) && (!$attach['readperm'] || $readaccess >= $attach['readperm']) ? 1 : 0;
   
3.                                 $attach['attachmp3'] = $attachimgpost && in_array($extension, array('wav', 'wma', 'mp3', 'mid')) ? 1 : 0;
   
4.                                 $attach['attachwmv'] = $attachimgpost && in_array($extension, array('avi', 'wmv', 'mpg', 'asx')) ? 1 : 0;
   
5.                                 $attach['attachra'] = $attachimgpost && in_array($extension, array('ra')) ? 1 : 0;
   
6.                                 $attach['attachrm'] = $attachimgpost && in_array($extension, array('rm', 'rmvb', 'ram')) ? 1 : 0;
   
7.                                 $attach['attachswf'] = $attachimgpost && in_array($extension, array('swf')) ? 1 : 0;
   

复制代码

4、修改include/discuzcode.func.php
查找：

1. "<a href="attachment.php?aid=$attach[aid]" target="_blank" class="bold">$attach[filename]</a> ($attach[dateline], $attach[attachsize])<br><br>".

复制代码

把他下面一段的内容全部替换为，认真核对代码：

1. 
   
2. ($attachrefcheck ? "<a href="attachment.php?aid=$attach[aid]&noupdate=yes" rel="lightbox"><img src="attachment.php?aid=$attach[aid]&noupdate=yes" border="0" onload="if(this.width>screen.width*0.45) {this.resized=true; this.width=screen.width*0.45; this.alt='$language[attach_img_zoom]';}" onmouseover="if(this.resized) this.style.cursor='hand';" onmousewheel="return imgzoom(this);"></a>" : "<a href="attachment.php?aid=$attach[aid]&noupdate=yes" rel="lightbox"><img src="$attachurl/$attach[attachment]" border="0" onload="if(this.width>screen.width*0.45) {this.resized=true; this.width=screen.width*0.45; this.alt='$language[attach_img_zoom]';}" onmouseover="if(this.resized) this.style.cursor='hand';" onmousewheel="return imgzoom(this);" alt="" /></a>");
   

复制代码

继续查找（注意：这里会查找出2段，选上面一段）：

1. 
   
2.                                 "bbcodeurl('\\1', ' <img src="images/attachicons/flash.gif" align="absmiddle" alt="" /> <a href="%s" target="_blank">Flash: %s</a> ')",

复制代码

把它下面一段内容全部替换为，请认真核对代码：

1. 
   
2. "bbcodeurl('\\1', '<a href="%s" rel="lightbox"><img src="%s" border="0" onload="if(this.width>screen.width*0.45) {this.resized=true; this.width=screen.width*0.45; this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\';}" onmouseover="if(this.width>screen.width*0.45) {this.resized=true; this.width=screen.width*0.45; this.style.cursor=\'hand\'; this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\';}" onmousewheel="return imgzoom(this);" alt="" /></a>')",
   

复制代码

5、修改header.htm
查找：

1. 
   
2. <script type="text/javascript" src="include/common.js"></script>
   
3. <script type="text/javascript" src="include/menu.js"></script>
   

复制代码

下面加：

1. <script type="text/javascript" src="js/prototype.js"></script>
   
2. <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
   
3. <script type="text/javascript" src="js/lightbox.js"></script>
   
4. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

复制代码

6、修改viewthread.htm(只要你没改过相关数值，都能找到的)

1. <!--{if $post['attachment']}-->
   
2.    <br><br><img src="images/attachicons/common.gif" alt="" /> {lang attachment}: <i>{lang attach_nopermission}</i>
   
3.   <!--{else}-->
   
4.    <!--{loop $post['attachments'] $attach}-->
   
5.     <br><br>$attach[attachicon]
   
6.     <!--{if $attach['attachimg']}-->
   
7.      <a href="member.php?action=credits&view=getattach" title="{lang credits_policy_view}" target="_blank">{lang attach_img}</a>:
   
8.      <!--{if $attach['readperm']}-->, {lang readperm} $attach[readperm]<!--{/if}-->
   
9.      <!--{if $attach['description']}-->[{$attach[description]}]<!--{/if}--> <a href="attachment.php?aid=$attach[aid]" target="_blank" class="bold">$attach[filename]</a> ($attach[dateline], $attach[attachsize])<br><br>
   
10.      <!--{if $attachrefcheck}-->
    
11.       <img src="attachment.php?aid=$attach[aid]&noupdate=yes" border="0"     alt="" />
    
12.      <!--{else}-->
    
13.       <img src="$attachurl/$attach[attachment]" border="0"     alt="" />
    
14.      <!--{/if}-->
    
15.     <!--{else}-->
    
16.      <a href="member.php?action=credits&view=getattach" title="{lang credits_policy_view}" target="_blank">{lang attachment}</a>:
    
17.      <!--{if $attach['description']}-->[{$attach[description]}]<!--{/if}--> <a href="attachment.php?aid=$attach[aid]" target="_blank" class="bold">$attach[filename]</a> ($attach[dateline], $attach[attachsize])<br>
    
18.      <span class="smalltxt">{lang attach_download_count} $attach[downloads]
    
19.      <!--{if $attach['readperm']}-->, {lang readperm} $attach[readperm]<!--{/if}--></span><br>
    
20.     <!--{/if}-->
    
21.    <!--{/loop}-->
    
22.   <!--{/if}-->

复制代码

改成：

1. 
   
2.                 <!--{if $post['attachment']}-->
   
3.                         <br><br><img src="images/attachicons/common.gif"> {lang attachment}: <i>{lang attach_nopermission}</i>
   
4.                 <!--{else}-->
   
5. {template viewthread_attachment}
   
6.                                 <!--{/if}-->
   

复制代码

本人学生一个。。。没有主站。。。在本地修改的。。。请修改成功的给个站点演示！谢谢
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
以上修改的上传附件多媒体自动播放都设置为关闭，需要改成自动播放的朋友请打开
viewthread_attachment.htm
自行修改  
提示修改：
查找

1. autoplay

复制代码

然后修改后面的值就可以了～

修改完毕～有问题跟贴留言

[ 本帖最后由 edwardhey 于 2006-9-28 20:43 编辑 ]

有演示吗

此时不顶更待何时？

:) :) :)

[ 本帖最后由 edwardhey 于 2006-7-28 09:25 编辑 ]

想看一下效果如何，不过还是要谢谢提供

顶!!!!!!!!!!!!!!!!!!

UP～～～UP～～～

是不是都嫌修改太复杂了。。。没办法。。。汗  我也想给大家一个演示 不过没有主页。。。不好意思。。。

沉得真快。。。不管了 没人要。。。我就不在这里守候了 还准备回答些安装出现的问题。。。我去打CS了。。。

十分感谢共享~~!