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 ...
随机推荐
- 【LeetCode OJ】Majority Element
题目:Given an array of size n, find the majority element. The majority element is the element that app ...
- LOCAL_WHOLE_STATIC_LIBRARIES与LOCAL_STATIC_LIBRARIES的区别
在分析Jelly Bean Audio Subsystem的时候,发现HAL层的库audio_policy.xxx.so与其依赖的静态库libaudiopolicy_legacy.a都有audio_p ...
- 《MySQL》一次MySQL慢查询导致的故障
本文转载自 http://www.jb51.net/article/70955.htm 我们知道分析MySQL语句查询性能的方法除了使用EXPLAIN 输出执行计划,还可以让MySQL记录下查询超过指 ...
- 服务器搭建--Linux安装rabbitmq
安装rabbitmq需要先安装erlang:安装erlang参考https://blog.csdn.net/ztx114/article/details/79912570 1.下载rabbitmq-s ...
- PHP域名解析(一个IP绑多域名)----看看可以,并不值得借鉴
PHP域名解析(一个IP绑多域名)----看看可以,并不值得借鉴 好处当然是不用买多网卡.不用设置其它端口为WEB端口了,一张网卡上.都用同一个80端口建很多网站. 假设有三个域名: [url ...
- SqlServer 连接远程服务器数据库 实现跨服务器联合查询
第一种: exec sp_addlinkedserver 'ITSV ', ' ', 'SQLOLEDB ', '远程服务器名或ip地址 ' exec sp_addlinkedsrvlogin 'IT ...
- 【PHP】快递鸟 物流查询接口实现
官方网址: http://www.kdniao.com 即时查询api: http://www.kdniao.com/api-track 需要登录 ,申请一下 用户ID 和 API key 代码实现: ...
- jquery.gritter.js简介
Gritter 是一个小型的 jQuery 消息通知插件,通知效果如下图所示: 参考网
- C++ 输入输出流 文本文件 二进制文件读写
文本文件/ASCII文件(能直接显示内容,费存储空间):文件中每一个字节中均以ASCII代码形式存放数据,即一个字节存放一个字符,这个文件就是ASCII文件或称字符文件. 二进制文件(不能显示内容,节 ...
- key是数字的对象集合
整理如下: let data = {3: '影视', 4: '音乐', 5: '广场舞', 6: '游戏', 7: '综艺', 8: '动漫', 9: '翻唱', 10: '生活', 11: '美食' ...