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

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

门户文章列表页调用多图方法

来自版块: Discuz教程
17944
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
默认的文章列表页是只获取一张文章附件图作为封面，能否写一个判断，就是当文章大于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

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部