织梦CMS栏目图片怎么调用?
栏目图片是织梦CMS中每个栏目可以设置的缩略图,常用于首页栏目入口展示或导航图标。
一、栏目图片的位置
后台→栏目管理→找到目标栏目→点击"修改"→展开"高级参数"→"栏目图片"字段上传或填写图片URL。
二、在channel标签中调用
{dede:channel type='top' row='10'}
<a href="[field:typelink/]">
<img src="[field:typeimg/]" alt="[field:typename/]">
<span>[field:typename/]</span>
</a>
{/dede:channel}
[field:typeimg/]输出栏目图片的完整路径。
三、在channelartlist标签中调用
{dede:channelartlist}
<a href="{dede:field name='typeurl'/}">
<img src="{dede:field name='typeimg'/}">
{dede:field name='typename'/}
</a>
{/dede:channelartlist}
四、在type标签中调用指定栏目的图片
{dede:type typeid='5'}
<img src="[field:typeimg/]" alt="[field:typename/]">
{/dede:type}
五、未设置栏目图片时显示默认图片
{dede:channel type='top'}
<img src="[field:typeimg/]" alt="[field:typename/]"
onerror="this.src='/images/default_cate.png';this.onerror=null;">
{/dede:channel}
建议:统一栏目图片尺寸,通过CSS设置
width和height控制显示大小,配合object-fit:cover保证图片不变形。