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 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

别用Chrome浏览这篇文章,会崩溃!

早前就有8个字符让Skype崩溃的例子,今天我们提到的是16个字符让Chrome崩溃,你只需要点击这16个字符,甚至鼠标只是在这16个字节组成的链接周围移动都可...

1856
来自专栏Java工程师日常干货

纯手写实现JDK动态代理前言JDK动态代理 手写代码实现JDK动态代理

在Java领域,动态代理应用非常广泛,特别是流行的Spring/MyBatis等框架。JDK本身是有实现动态代理技术的,不过要求被代理的类必须实现接口,不过cg...

802
来自专栏CRPER折腾记

Vue折腾记 - (2)写一个不大靠谱的面包屑组件

我把页面标题和面包屑封装到一起..就不用涉及到组件的通讯了, 不然又要去监听路由或者依赖状态去获取

972
来自专栏飞雪无情的博客

Go语言实战笔记(一)| Go包管理

这本是In Action系列的书籍,这个系列做研发的都知道,在研发届评价很多,很多新的技术、语言等都会有一本实战的书籍。既然是实战,那么这本书假设了他的读者有了...

943
来自专栏FreeBuf

一个漏洞为何能影响数千万服务器以及66%安卓手机?

安全研究团队Perception Point发现Linux系统内核中存在一个高危级别的本地权限提升0day漏洞,编号为CVE-2016-0728。目前有超过66...

1915
来自专栏Java技术分享

30天轻松掌握JavaWeb-学习目录

17.使用beanUtils操纵javabean

2266
来自专栏马洪彪

spss C# 二次开发 学习笔记(六)——Spss统计结果的输出

Spss的二次开发可以很简单,实例化一个对象,然后启用服务,接着提交命令,最后停止服务。 其中重点为提交命令,针对各种统计功能需求,以及被统计分析的数据内容等,...

3305
来自专栏程序员的知识天地

维护Python代码的5种工具

随着软件项目进入“维护模式”,对可读性和编码标准的要求很容易落空(甚至从一开始就没有建立过那些标准)。然而,在代码库中保持一致的代码风格和测试标准能够显著减轻维...

1322
来自专栏Golang语言社区

深入Go语言网络库的基础实现

Go语言的出现,让我见到了一门语言把网络编程这件事情给做“正确”了,当然,除了Go语言以外,还有很多语言也把这件事情做”正确”了。我一直坚持着这样的理念——要做...

2667
来自专栏张戈的专栏

事实证明Linux永远是NO.1

嗨,我正在写一个简单的程序,我要让这个程序打印出一个整数。 #include <stdio.h> int main() {    int linux = ...

3397

扫码关注云+社区