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

相关文章

来自专栏CRPER折腾记

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

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

1192
来自专栏熊二哥

快速入门系列--WCF--02消息、会话与服务寄宿

经过WCF基础的ABC学习,已经可以构建简单的WCF的服务,使用不同的服务地址和绑定类型,根据业务提供所需的服务契约。但不禁想问,服务所使用的消息报文是什么样的...

2045
来自专栏专业duilib使用+业余界面开发

mysql5.7 安装,服务启动失败无data目录处理

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

维护Python代码的5种工具

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

1982
来自专栏喵了个咪的博客空间

phalcon-入门篇6(控制器)

#phalcon-入门篇6(控制器)# ? 本教程基于phalcon2.0.9版本 ##前言## 先在这里感谢各位phalcon技术爱好者,我们提供这样一个优秀...

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

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

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

862
来自专栏马洪彪

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

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

3385
来自专栏Java进阶架构师

手把手带你实现JDK动态代理

业务接口Interface、业务实现类target、业务处理类Handler、JVM在内存中生成的动态代理类$Proxy0

762
来自专栏FreeBuf

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

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

1886
来自专栏FreeBuf

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

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

2025

扫码关注云+社区