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

时间:2022-05-29 02:58:02 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

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

先上演示图:

迅睿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="/static/wddqxz/img/default/default.png" data-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="/static/wddqxz/img/default/default.png" data-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调用文章内容页上一篇、下一篇内容带缩略图代码,如果在不存在缩略图的时候会自动判断引用指定的无图片友好替代图片,这样是不是看起来很舒服了呢?

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

本文来源:https://www.wddqw.com/giHh.html