DEDECMS织梦模板实现图集单击图片翻页的方法

<:imgs pageSize=“3”ranes=“all”row=“3”>;div class=“Photo”>:img/@url]“title=”[field;
DEDECMS织梦模板实现图集单击图片翻页的方法

方法一:使用解码织梦自带的图集功能来实现单击图片翻页效果。

创新互联公司沟通电话:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,创新互联公司网页制作领域十余年,包括成都墙体彩绘等多个领域拥有丰富的营销推广经验,选择创新互联公司,为网站锦上添花!

第一步:登录解码管理后台,找到内容管理模块,然后选择“添加文章”,此时会出现一系列输入框,其中有一个是“图集”,点击“启用图集”,然后在“添加图集图片”框中上传自己的图片,这时会自动分配顺序,按照顺序单击就可以实现翻页效果。

方法二:使用解码模板语言来实现单击图片翻页效果。

第一步:打开织梦模板文件,在要添加图集翻页效果的位置插入如下代码:

<;div class=“图库”>;

<;dede:imgs pageSize=“3”ranks=“all”row=“3”>;

<;div class=“照片”>;

<;a href=“[field:img/@url]”标题=“[field:img/@text]”>;<;img src=“[field:img/@url]”alt=“[field:img/@text]”/<;<;/a>;

<;/div>;

<;/dede:imgs>;

<;/div>;

第二步:添加css样式:

.画廊{

宽度:100%;

溢出:隐藏;

}

.图库.照片{

浮动:左;

宽度:33.33%;

填充:15px;

方框-s

分享标题:DEDECMS织梦模板实现图集单击图片翻页的方法
本文链接:http://www.gawzjz.com/qtweb2/news26/26626.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联