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交流
dedecms自增标签[field:global.autoindex/]的运用的更多相关文章
- 设置dedecms标签 [field:global.autoindex/] 初始值{class递增}
在{dede:arclist/}这个标签中有个[field:global.autoindex/],是从0开始自增,如果我们想自定义一个数值,比如自定义从2开始.那么就可以写成下面代码: [field: ...
- dedecms 自增数使用方法
[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global] {dede:global name=item ...
- 织梦dedecms自增变量autoindex标签的使用(转)
织梦dedecms自增变量autoindex标签的使用 例1: {dede:arclist titlelen='120' row='8' typeid='2'} <li clas ...
- global.autoindex dede:global.itemindex 获取子栏目自动排序序号
{dede:channel row='6' typeid=7 } [field:global.autoindex runphp='yes'] ...
- DEDE [field:global name=autoindex/] 按序列号递增
在用织梦仿站的时候,有些class样式是btn1.btn2这样的样式循环的,这个时候1.2可以用[field:global name=autoindex/ ] 循环得到,[field:global n ...
- 织梦自增函数[field:global name=autoindex/]常见用法
看来不少朋友需要不了解这个自增函数的用法,在这里我列举一些常见的写法以及作用. [field:global name=autoindex/] !--普通打印递增的数字-- [field:globa ...
- 织梦dedecms模板调用标签大全-提高制作模板速度
关键描述调用标签: ——————————————————————————–模板路径调用标签: {dede:field name=’templeturl’/}—————————————————————— ...
- dedecms {dede:php}标签用法介绍
最简单的输入如 代码如下 复制代码 {dede:php} $numA = 1; $numB = 2; echo $numA + $numB; {/dede:php} 从上面语句可以看出dede:php ...
- 织梦dedecms中arclist标签下无法嵌套图片
版权声明:本文为博主原创文章,未经博主允许不得转载. 错误代码: {dede:arclist row=10 orderby=click titlelen=35} [field:title/] {/de ...
随机推荐
- apache下配置php环境
1. apache下载 http://httpd.apache.org/download.cgi 2. php下载 http://windows.php.net/download/ 3. 配置 apa ...
- JS 运行、复制、另存为 代码。
//运行代码 function runEx(cod1) { cod = document.getElementById(cod1) var code = cod.value; if (code != ...
- Python学习(22):模块
转自 http://www.cnblogs.com/BeginMan/p/3183656.html 一.模块基础 1.模块 自我包含,且有组织的代码片段就是模块 模块是Pyhon最高级别的程序组织单元 ...
- 高效使用github
下面两个资料是我在github上面整理出来的repo,不断进行更新,将遇到的有帮助的文章尽量整理到上面,方便初学者也方便回顾学习.如果恰好你也有一些资料文章,欢迎fork - modify - pul ...
- Qt编写气体安全管理系统(界面超漂亮)
自从把Qt样式表葵花宝典这个pdf文件看完以后,将所有的qss内容都轮了一遍,还写了个皮肤生成器工具,https://blog.csdn.net/feiyangqingyun/article/deta ...
- JavaScript 正则表达式 通俗解释 快速记忆
1.正则表达式中最重要的三个符号: 1.1 B 在正则表达式中B有3种类型的括号: 1.1.1 方括号 “[“. 方括号"["内是需要匹配的字符.中括号括住的内容只匹配一个单一的字 ...
- mysql配置文件my.cnf模板
[client] default-character-set = utf8mb4 port = PORT socket = /srv/myPORT/run/mysql.sock [mysqld] us ...
- LeetCode 19 Remove Nth Node From End of List (移除距离尾节点为n的节点)
题目链接 https://leetcode.com/problems/remove-nth-node-from-end-of-list/?tab=Description Problem: 移除距离 ...
- 第三步 Cordova 3.0(及以上版本) 添加插件
1.使用命令生成项目 例:cordova create jy110 com.example.jy110 jy110 2.使用命令添加插件(如果报错,可能是网络问题,可以多试几次,直到成功) 例:cor ...
- 提交代码到自己的github仓库
说起来尴尬,好几年前就搞了github建了仓库,当时玩得还有点6,后来一直的公司都是svn,自己业务项目也没玩,都忘了要怎么提交代码到自己的仓库了. 这边再来一波记录吧. 一.配置用户名 git co ...