IT备忘录

您现在的位置是:首页 > 教程 > 建站教程

建站教程

迅睿cms内容页调用上一篇下一篇文章带缩略图代码

2021-11-14 13:30:51建站教程
迅睿CMS文章内容页如何调用上一篇、下一篇内容带文章图片或缩略图?下面IT备忘录小编就给大家分享调用代码?大家直接带走不用谢!先上演示图:演示页面:https://www.extapps.com/dri

迅睿CMS文章内容页如何调用上一篇、下一篇内容带文章图片或缩略图?下面IT备忘录小编就给大家分享调用代码?大家直接带走不用谢!

先上演示图:

迅睿cms内容页调用上一篇下一篇文章带缩略图代码

演示页面:https://www.extapps.com/drivers/HP_LaserJet_M1005_MFP.html

           <!--上一篇--> 
           {if $prev_page}
           <li><a href="{$prev_page.url}" title="{$prev_page.seotitle}"><i><em>上一篇</em><img src="{if dr_get_file($prev_page.thumb)}{dr_get_file($prev_page.thumb)}{else}{THEME_PATH}assets/images/nopic.gif{/if}" alt="{$prev_page.seotitle}"></i>
           <h2>{$prev_page.title}</h2>
           <p>{$prev_page.description}...</p>
           </a>
           </li>
           {else}
           {/if}
           <!--下一篇-->
           {if $next_page}
           <li><a href="{$next_page.url}" title="{$next_page.seotitle}"><i><em>下一篇</em><img src="{if dr_get_file($next_page.thumb)}{dr_get_file($next_page.thumb)}{else}{THEME_PATH}assets/images/nopic.gif{/if}" alt="{$next_page.seotitle}"></i>
           <h2>{$next_page.title}</h2>
           <p>{$next_page.description}...</p>
           </a></li>
           {else}
           {/if} 

调用说明:dr_get_file($next_page.thumb) 是调用thumb字段的文件链接,本身上传的就是图片,所以放到<img src"...." />标签里面就显示出来了,当然如果你想显示这张图片的缩略图,则可以将:dr_get_file($next_page.thumb)标签修改为:dr_thumb($next_page.thumb) ,大家要注意看代码有什么不同之处。

以上迅睿CMS调用文章内容页上一篇、下一篇内容带缩略图代码,如果在不存在缩略图的时候会自动判断引用指定的无图片友好替代图片,这样是不是看起来很舒服了呢?

本文为原创,转载请注明来源,谢谢!

相关内容标签

文章评论