织梦dedecms文章页实现多个缩略图的方法

有时候我们需要实现织梦文章模型多个图片或者多个略图,这样的功能我们要怎么操作呢?其实方法还是蛮多的,不需要修改代码的办法就是在内容模型中建立多个字段(缺点就是想多加一个图就要多添加一个字段,而且上传也不方便,还有另外一种方法就是拓展类似于图集那种上传办法,就是修改的代码蛮多的),下面我们就以第一种方法为例子添加,毕竟不需要修改代码,更适合新手。

首先我们先添加字段,内容模型管理->普通文章->更改->字段管理->添加新字段(数据类型选择  图片(仅网址))
 

前端代码:
 

{dede:arclist addfields='pic1,pic2,pic3' channelid='1'}

       <div class="swiper-container img_scroll" id="img_scroll[field:id /]">

        <ul class="swiper-wrapper">

<div class="prolistname"><a href=http://www.dede58.com/"[field:arcurl /]"> </a></div>

[field:array runphp='yes']

@me = '

<li class="swiper-slide "><img src="' . @me['pic1'] .'"/></li>

<li class="swiper-slide "><img src="' . @me['pic2'] . '"/></li>

<li class="swiper-slide " ><img src="' . @me['pic3'] . '"/></li>

<!-- <li class="swiper-slide " ><img src="' . @me['litpic'] . '"/></li> -->

';

[/field:array]

</ul></div>

{/dede:arclist}
 

详解:
 

pic1,pic2,pic3这三个就是你在内容模型中新建的图片附件的字段(新建时候选择图片(仅网址))

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwgxjd.html