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

2023-12-26 14阅读
&lt:imgs pageSize=“3”ranes=“all”row=“3”>div class=“Photo”&gt:img/@url]“title=”[field;DEDECMS织梦模板实现图集单击图片翻页的方法

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

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

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

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

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

<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

文章版权声明:除非注明,否则均为游侠云资讯原创文章,转载或复制请以超链接形式并注明出处。

目录[+]