列表页调用贴内缩略图的简易方法!!

截图:


首先打开 forumdisplay.php 文件查找代码

1. $threadlist[] = $thread;

复制代码

在其上面添加

1.         #-- 图片调用
   
2.         $at = array();
   
3.         $query1 = '';
   
4.         $query1 = $db->query("SELECT * FROM {$tablepre}attachments WHERE tid=$thread[tid] AND isimage<>0 LIMIT 0,1");
   
5.         $at = $db->fetch_array($query1);
   
6.         if($at){
   
7.                 $thread['thumb'] = 'attachments/'.$at['attachment'].'.thumb.jpg';
   
8.         }
   
9.     #-- 图片调用

复制代码

然后打开  forumdisplay.htm 和 forumdisplay_sort.htm 文件查找代码

1. <th class="subject $thread[folder]">

复制代码

在其下面添加

1.                     <!--{if $thread['attachment'] == 2}-->
   
2.                        <ul class="showpics">        
   
3.                    <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)" >
   
4.                       <a href="viewthread.php?tid=$thread[tid]&amp;extra=$extra"$thread[highlight]><img src="$thread['thumb']" /></a>
   
5.                        <ul style="display:none;"><li><img src="$thread['thumb']" /></li></ul>            
   
6.                       </li>            
   
7.                          </ul>      
   
8.                          <!--{/if}-->

复制代码

查找代码( 一般就在文件最下面 )

1. {subtemplate footer}

复制代码

在其上添加代码

1. <script type="text/javascript">
   
2.                 function displaySubMenu(li) {
   
3.                         var subMenu = li.getElementsByTagName("ul")[0];
   
4.                         subMenu.style.display = "block";
   
5.                 }
   
6.                 function hideSubMenu(li) {
   
7.                         var subMenu = li.getElementsByTagName("ul")[0];
   
8.                         subMenu.style.display = "none";
   
9.                 }
   
10.         </script>

复制代码

最后在 css_append.htm 文件中添加代码

1. /*** 列表页图片 ***/
   
2. .showpics { float:right; padding-right:5px; width:36px; _width:;}
   
3. .showpics li img { height:20px; width:36px; }
   
4. .showpics ul { position:absolute; z-index:1px; margin:-24px 0px 0px 40px; _margin:-4px 0px 0px 0px; }
   
5. .showpics ul li { padding:5px; background: #DFF7FF; border:1px #8FE2FF solid; }
   
6. .showpics ul li img { height:160px; width:160px; } /* 此处参数可与缩略图尺寸相同 */

复制代码

更新缓存既可! 切记使用此方法在列表页显示贴内图片时，务必要在论坛后台开启图片缩略图功能! （ 你也可以不用开启缩略图，修改一下 forumdisplay.php 文件代码，将 $thread['thumb'] = 'attachments/'.$at['attachment'].'.thumb.jpg'; 代码中的 .'.thumb.jpg' 删除既可，不过直接调用几十甚至几百KB的文件你可要想清楚后果哦！）

forumdisplay.htm 、 forumdisplay_sort.htm 、 css_append.htm 文件内的代码为简易代码，用户可再自行完善！

效果图捏···

最好鼠标放到帖子标题上，然后显示缩略图