水煮鱼 发表于 2010-8-5 21:48:37

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

截图:


首先打开 forumdisplay.php 文件查找代码$threadlist[] = $thread;在其上面添加      #-- 图片调用
      $at = array();
      $query1 = '';
      $query1 = $db->query("SELECT * FROM {$tablepre}attachments WHERE tid=$thread AND isimage<>0 LIMIT 0,1");
      $at = $db->fetch_array($query1);
      if($at){
                $thread['thumb'] = 'attachments/'.$at['attachment'].'.thumb.jpg';
      }
    #-- 图片调用然后打开forumdisplay.htm 和 forumdisplay_sort.htm 文件查找代码<th class="subject $thread">在其下面添加                  <!--{if $thread['attachment'] == 2}-->
                     <ul class="showpics">      
                   <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)" >
                      <a href="viewthread.php?tid=$thread&amp;extra=$extra"$thread><img src="$thread['thumb']" /></a>
                     <ul style="display:none;"><li><img src="$thread['thumb']" /></li></ul>            
                      </li>            
                         </ul>      
                         <!--{/if}-->
查找代码( 一般就在文件最下面 )
{subtemplate footer}
在其上添加代码
<script type="text/javascript">
                function displaySubMenu(li) {
                        var subMenu = li.getElementsByTagName("ul");
                        subMenu.style.display = "block";
                }
                function hideSubMenu(li) {
                        var subMenu = li.getElementsByTagName("ul");
                        subMenu.style.display = "none";
                }
      </script>
最后在 css_append.htm 文件中添加代码/*** 列表页图片 ***/
.showpics { float:right; padding-right:5px; width:36px; _width:;}
.showpics li img { height:20px; width:36px; }
.showpics ul { position:absolute; z-index:1px; margin:-24px 0px 0px 40px; _margin:-4px 0px 0px 0px; }
.showpics ul li { padding:5px; background: #DFF7FF; border:1px #8FE2FF solid; }
.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 文件内的代码为简易代码，用户可再自行完善！

chaeyoung 发表于 2010-8-27 09:28:45

效果图捏···

hhinn 发表于 2010-10-4 02:27:19

最好鼠标放到帖子标题上，然后显示缩略图
页: [1]
查看完整版本: 列表页调用贴内缩略图的简易方法!!