dedecms自增标签[field:global.autoindex/]的运用

  用bootstrap建站时用到幻灯片切换模块,里面有个active(下面代码中的data-slide-to="0"),其余的按顺序递增(1,2),如果用dedecms就可以用autoindex来替代,如下图中的切换小圆点,点击不同的圆点会切换不同的banner图片

    <div class="carousel slide" id="carousel-420353">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-420353">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-420353">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-420353">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="*/default1.jpg" />
                    </div>
                    <div class="item">
                        <img alt="" src="*/default2.jpg" />
                    </div>
                    <div class="item">
                        <img alt="" src="*/default3.jpg" />
                    </div>
                </div>
          <a class="left carousel-control" href="#carousel-420353" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
          <a class="right carousel-control" href="#carousel-420353" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
     </div>

  如果用上面的代码,要是更换活动时就得每次去修改代码,我们可以将活动设置为栏目文章进行调用,通过修改后的代码如下

    <div class="carousel slide" id="carousel-420353">
                <ol class="carousel-indicators">
            {dede:arclist row="1" typeid="3" flag='h' channelid='17'}
                    <li class="active" data-slide-to="0" data-target="#carousel-420353">
                    </li>
            {/dede:arclist}
            {dede:arclist row="3" typeid="3" noflag='h' channelid='17'}
                    <li data-slide-to="[field:global.autoindex/]" data-target="#carousel-420353">
                    </li>
                    {/dede:arclist}
                </ol>
                <div class="carousel-inner">
                {dede:arclist row="1" typeid="3" flag='h' channelid='17'}
                    <div class="item active">
                        <img alt="[field:title /]" src="[field:picname /]" />
                    </div>
                {/dede:arclist}
                {dede:arclist row="3" typeid="3" noflag='h' channelid='17'}
                <div class="item">
                        <img alt="[field:title /]" src="[field:picname /]" />
                    </div>
                {/dede:arclist}
                </div>
          <a class="left carousel-control" href="#carousel-420353" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
          <a class="right carousel-control" href="#carousel-420353" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
     </div>

  active我们用头条标签(h)进行定义,其余用noflag来设置,这样就可以比较完美的调用了,感兴趣的朋友可以试试,也欢迎和ytkah交流

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

Python与系统日常管理

大多时间都在linux下工作,虽说不算系统管理员,也免不了要处理许多系统相关的东西。对linux还算熟悉,偶尔也在公司客串系统管理员的角色。于是就免不了要写许...

3456
来自专栏沈唁志

WordPress评论时间显示为8小时前的解决方法

2184
来自专栏快乐八哥

JavaScript操作Cookie

在Web开发中,我们经常使用Cookie保存一些不是非常敏高的数据。比如“下次自动登录”,“广告显示”等功能。定义是:某些网站为了辨别用户身份而存储在用户本地终...

1786
来自专栏一枝花算不算浪漫

Maven项目环境搭建实例.

3647
来自专栏Android 技术栈

Android 阿里云数据分析SDK接入流程

手动拷贝OneSDK目录下的jniLibs到以下目录:src - > main utdid4all-1.1.5.3_proguard已经在友盟推送SDK或阿里...

582
来自专栏杨建荣的学习笔记

一个清理脚本的改进思路(r5笔记第51天)

前几天同事问我一个问题,说在unix环境下有个目录下的文件/文件夹太多了,已经报了开始报系统错误了,客户希望能够定时进行这些目录的清理。 我连到那个环境去查看,...

2928
来自专栏后端技术探索

nginx常见面试题

Nginx的并发能力在同类型网页服务器中的表现,相对而言是比较好的,因此受到了很多企业的青睐,我国使用Nginx网站的知名用户包括腾讯、淘宝、百度、京东、新浪、...

602
来自专栏北京马哥教育

Linux老司机带你学Zabbix从入门到精通(万字长文)

zabbix是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案,在企业中有非常全面的应用,本文是Linux运维老司机撰写,一站式帮...

50811
来自专栏情情说

单点登录与权限管理本质:单点登录介绍

继续介绍「单点登录与权限管理」系列的第一部分:单点登录与权限管理本质,前两篇介绍了session与cookie 和 HTTP重定向 ,有了他们,浏览器就可以在多...

3206
来自专栏开源优测

[快学Python3]INI文件读写

概述 ini是我们常见到的配置文件格式之一。 ini是微软Windows操作系统中的文件扩展名(也常用在其他系统)。 ini“初始化(Initial)”的缩写。...

2646

扫描关注云+社区