清河网

搜索

Discuz 教程:门户文章列表页调用多图方法

[复制链接]
站长技术 发表于 2019-8-25 10:35:17 | 显示全部楼层 |阅读模式
默认的文章列表页是只获取一张文章附件图作为封面,能否写一个判断,就是当文章大于2或者2张以上,列表页就获取几张附件的缩略图的,只需在列表页加一段函数判断代码即可。

以默认模板为例,找到list.htm这个文件,然后找到这段代码:

  1. <!--{loop $list['list'] $value}-->
  2. <!--{eval $highlight = article_title_style($value);}-->
  3. <!--{eval $article_url = fetch_article_url($value);}-->
复制代码

在这段代码下添加如下代码:

  1. <!--{eval $article_pic_num=DB::result_first("SELECT count(attachid) FROM ".DB::table("portal_attachment")." WHERE `aid`='$value[aid]'");}-->
  2. <!--{if $article_pic_num > 0 && $article_pic_num < 4}-->
  3. <!--{eval $pic_limit = '1';}-->
  4. <!--{elseif $article_pic_num > 3 && $article_pic_num < 8}-->
  5. <!--{eval $pic_limit = '4';}-->
  6. <!--{elseif $article_pic_num > 7}-->
  7. <!--{eval $pic_limit = '4';}-->
  8. <!--{/if}-->
  9. <!--{if $article_pic_num > 0}-->
  10. <!--{eval $article_pic_list=DB::fetch_all("SELECT attachment,attachid,filename FROM ".DB::table("portal_attachment")." WHERE `aid`='$value[aid]' ORDER BY `attachid` DESC LIMIT 0,$pic_limit;");}-->
  11. <!--{/if}-->
  12. <!--{eval $article_all=DB::result_first("select content from ".DB::table("portal_article_content")." where aid='$value[aid]'");}-->
  13. <!--{eval preg_match_all("/<[img|IMG].*?src=[\'|"](.*?(?:[\.gif|\.jpg|\.png]))[\'|"].*?[\/]?>/", $article_all, $ex_pic);}-->
  14. <!--{eval $ex_pic_num = count($ex_pic[1]);}-->
  15. <!--{if $ex_pic_num > 0 && $ex_pic_num < 4}-->
  16. <!--{eval $ex_pic_num = '1';}-->
  17. <!--{elseif $ex_pic_num > 3}-->
  18. <!--{eval $ex_pic_num = '4';}-->
  19. <!--{/if}-->
  20. <div class="article_loop {if $pic_limit == 4}pic_4{/if} cl">
  21.         <!--{if $pic_limit == 1}-->
  22.         <div class="content_body">
  23.                 <a href="$article_url" title="$value[title]"><img src="$value[pic]" alt="$value[title]"></a>        
  24.         </div>
  25.         <!--{elseif $ex_pic_num == 1 && $pic_limit == 0}-->
  26.         <div class="content_body">
  27.                 <a href="$article_url" title="$value[title]"><img src="$ex_pic[1][0]" alt="$value[title]"></a>        
  28.         </div>
  29.         <!--{/if}-->
  30.         <div class="content_infor">
  31.         <h2><a href="$article_url" target="_blank" class="xi2" $highlight>$value[title]</a> <!--{if $value[status] == 1}-->({lang moderate_need})<!--{/if}--></h2>
  32.         <!--{if $pic_limit > 3}-->
  33.         <div class="more_pic cl">
  34.                 <!--{loop $article_pic_list $picvalue}-->
  35.                 <a href="portal.php?mod=view&aid={$value['aid']}#{$picvalue['attachid']}" title="" target="" class="success"><img src="data/attachment/portal/{$picvalue['attachment']}" alt="{$picvalue['filename']}"></a>
  36.                 <!--{/loop}-->
  37.         </div>
  38.         <!--{elseif $ex_pic_num > 3 && $pic_limit == 0}-->
  39.         <!--{eval $i=1;}-->
  40.         <div class="more_pic cl">
  41.                 <!--{loop $ex_pic[1] $ex_picvalue}-->
  42.                 <!--{if $i<5}-->
  43.                 <a href="portal.php?mod=view&aid={$value['aid']}" title="" target="" class="success"><img src="{$ex_picvalue}" alt=""></a>
  44.                 <!--{/if}-->
  45.                 <!--{eval $i++;}-->
  46.                 <!--{/loop}-->
  47.         </div>
  48.         <!--{/if}-->
  49.         <span class="time"><i class="fa fa-clock-o fa-fw"></i>{$value[dateline]}</span>
  50.         <span class="pipe"></span>
  51.         <span class="views"><i class="fa fa-eye fa-fw"></i>{$value[viewnum]}</span>
  52.         <span class="pipe"></span>
  53.         <span class="reply"><i class="fa fa-comment-o fa-fw"></i>{$value[commentnum]}</span>
  54.         <p>$value[summary]......</p>
  55. </div>
  56. </div>
复制代码

说明:

  1. <!--{if $article_pic_num > 0 && $article_pic_num < 4}-->
复制代码

这里意思是如果文章里附件图小于4张的话,那么就只调用一张附件图作为缩略图。

  1. <!--{elseif $ex_pic_num > 3}-->
  2. <!--{eval $ex_pic_num = '4';}-->
复制代码

如果大于3张,则显示4张缩略图,可以根据自己的需要修改。

回复

使用道具 举报

全部回复0 显示全部楼层

发表回复

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

本版积分规则

楼主

联系客服 关注微信 下载APP 返回顶部 返回列表