用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交流

dedecms自增标签[field:global.autoindex/]的运用的更多相关文章

  1. 设置dedecms标签 [field:global.autoindex/] 初始值{class递增}

    在{dede:arclist/}这个标签中有个[field:global.autoindex/],是从0开始自增,如果我们想自定义一个数值,比如自定义从2开始.那么就可以写成下面代码: [field: ...

  2. dedecms 自增数使用方法

    [field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global] {dede:global name=item ...

  3. 织梦dedecms自增变量autoindex标签的使用(转)

    织梦dedecms自增变量autoindex标签的使用 例1: {dede:arclist titlelen='120' row='8' typeid='2'}         <li clas ...

  4. global.autoindex dede:global.itemindex 获取子栏目自动排序序号

    {dede:channel  row='6' typeid=7 }                  [field:global.autoindex runphp='yes']             ...

  5. DEDE [field:global name=autoindex/] 按序列号递增

    在用织梦仿站的时候,有些class样式是btn1.btn2这样的样式循环的,这个时候1.2可以用[field:global name=autoindex/ ] 循环得到,[field:global n ...

  6. 织梦自增函数[field:global name=autoindex/]常见用法

    看来不少朋友需要不了解这个自增函数的用法,在这里我列举一些常见的写法以及作用.   [field:global name=autoindex/] !--普通打印递增的数字-- [field:globa ...

  7. 织梦dedecms模板调用标签大全-提高制作模板速度

    关键描述调用标签: ——————————————————————————–模板路径调用标签: {dede:field name=’templeturl’/}—————————————————————— ...

  8. dedecms {dede:php}标签用法介绍

    最简单的输入如 代码如下 复制代码 {dede:php} $numA = 1; $numB = 2; echo $numA + $numB; {/dede:php} 从上面语句可以看出dede:php ...

  9. 织梦dedecms中arclist标签下无法嵌套图片

    版权声明:本文为博主原创文章,未经博主允许不得转载. 错误代码: {dede:arclist row=10 orderby=click titlelen=35} [field:title/] {/de ...

随机推荐

  1. Android设计和开发系列第二篇:Action Bar(Develop—API Guides)

    Action Bar IN THIS DOCUMENT Adding the Action Bar Removing the action bar Using a logo instead of an ...

  2. SQL 查询结果保存为 临时表

    -- 1. 在使用select into前,可以先做一下判断 if OBJECT_ID('tempdb..#TT')is not NULL drop table #TT -- 2. 查询结果保存为临时 ...

  3. springbatch---->springbatch的使用(三)

    这里我们对上篇博客的例子做一个修改性的测试来学习一下springbatch的一些关于chunk的一些有用的特性.我渐渐能意会到,深刻并不等于接近事实. springbatch的学习 一.chunk的s ...

  4. sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案

    凡是Cannot call method '' of undefined 这类错误大部分都可以参照下面的办法来解决 在st中有时候你会发现使用Ext.Ajax.request会出现一下错误: Cann ...

  5. 教你如何将word中的表格完美粘贴到ppt中

    经常操作办公软件的人一定有一个困惑,ppt本身表格编辑能力似乎很弱,如果从word里直接将一个编辑好的表格复制粘贴到ppt中,整个表格一定会发生让你没有预料的变化,还得重新花老大的劲去重新编辑,有人屛 ...

  6. CentOS 安装PostregSQL9.2 同时出现pg安装错误

    错误: Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension. /usr/local/bin ...

  7. redmine创建新闻,自动发邮件给项目组所有成员

    redmine创建新闻,自动发邮件给项目组所有成员: 1.添加用户至公共项目内 2.配置系统邮件推送配置 3.检查用户接受推送配置 3.使用管理员账户发布新闻(不能自己发送自己) 4.查看邮件接受邮件

  8. 【CF839E】Mother of Dragons 折半状压

    [CF839E]Mother of Dragons 题意:给你一张n个点,m条边的无向图.你有k点能量,你可以把能量分配到任意一些点上,每个点分到的能量可以是一个非负实数.定义总能量为:对于所有边&l ...

  9. Unity3D笔记 愤怒的小鸟<七> 小鸟群准备动画

    要实现的目标: 1.3只小鸟初始动画 2.完善代码slingShot.js 3.完善代码BirdMoving.js 1.实现3个准备动画:Unity3D内置的动画管理器 1.1.先选择GameObje ...

  10. Mac下使用Fiddler(转载园友小坦克)

    Fiddler是用C#开发的.  所以Fiddler不能在Mac系统中运行.  没办法直接用Fiddler来截获MAC系统中的HTTP/HTTPS,    Mac 用户怎么办呢? Fiddler可以允 ...