织梦dedecms文章页实现多个缩略图的技巧

资源来源网络,如需授权,请更换源码,模块仅供学习,如需商用请购买正版授权,本栏目不提供技术服务,积分不够请签到!如何签到?系统升级暂停签到,恢复关注公告!
如遇下载链接蓝奏网盘打不开lanzous替换成lanzoux尝试! 广告

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

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

前端代码:

{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=”[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这三个就是你在内容模型中新建的图片附件的字段(新建时候选择图片(仅网址))

©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
风格酷模板网 » 织梦dedecms文章页实现多个缩略图的技巧
NOTICE:【咨询风格酷】客服QQ:1131734965
NOTICE:【咨询风格酷】客服微信:wwwxmamnet
NOTICE:【风格酷模板网②群】QQ群:288678775
☉免责声明:本站所有模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。
☉如果源码网盘地址失效!或有其他问题,请点我报错,谢谢合作!
☉人民币与积分汇率为1比10,即1元=10积分.有任何疑问请联系客服
☉如有其他问题,请加网站客服QQ(1131734965)进行交流。
☉本站提供的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
☉源码、模板等资源会随着技术、环境的升级而存在部分问题,还请慎重选择。

发表评论

风格酷模板网www.xmam.net分享优质网站模板

立即查看 了解详情