bootstrap 幻灯大图结合dedecms的autoindex

 1     <div class="container" id="banner">
 2   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 3   <!-- Indicators -->
 4
 5
 6   <!-- Wrapper for slides -->
 7   <div class="carousel-inner" role="listbox">
 8  {dede:arclist row=‘5‘     flag =‘h‘ orderby =‘id‘}
 9     <div class="item [field:global name=autoindex runphp="yes"]if(@me==1){@me=‘active‘;}else{@me=‘‘;}[/field:global]">
10      <a href="[field:arcurl/]"><img src="[field:litpic function=‘firstimg(@me)‘/]"  width="1024px" alt="" ></a>
11     </div>
12     {/dede:arclist}
13   </div>
14 </div>
15
16     </div>
17     <div  class="smallpic container wrap">
18           <ol class="btns">
19  {dede:arclist row=‘5‘     flag =‘h‘ orderby =‘id‘}
20      <li data-target="#carousel-example-generic" data-slide-to="[field:global name=autoindex runphp="yes"]@me[email protected];[/field:global]" >
21       <img src="[field:litpic/]" alt="" >
22     </li>
23     {/dede:arclist}
24
25   </ol>
26     </div>

缩略图提取第一张大图

1 //将缩放图转变为文章第一张图片
2 function firstimg($str_pic)
3 {
4 $str_sub=substr($str_pic,0,-7).".jpg";//删除缩略图字符串最后七位,然后再补上后缀.jpg
5 if(!file_exists($_SERVER[‘DOCUMENT_ROOT‘].$str_sub)) $str_sub=$str_pic;
6 return $str_sub;
7 }

织梦自增标签的笔记

autoindex   itemindex 的使用心得区别

channelartlist 标签下使用 {dede:global name=‘itemindex‘ runphp=‘yes‘}@me;{/dede:global}

自增1

arclist            标签下使用 [field:global.autoindex/] 默认从1开始
channel         标签下使用 [field:global.autoindex/] 默认从0开始
channelartlist 标签下使用 {dede:global.itemindex/}  默认从1开始

arclist  从0开始 [field:global name=autoindex runphp="yes"]@[email protected];[/field:global]

channel  从1开始 [field:global name=autoindex runphp="yes"]@[email protected]+1;[/field:global][field:typename/]

channelartlist  从0开始 {dede:global name=itemindex runphp=‘yes‘}@[email protected];{/dede:global}

时间: 2024-08-11 07:42:08

bootstrap 幻灯大图结合dedecms的autoindex的相关文章

dedecms织梦幻灯大图管理[可多组]

模块下载 幻灯片管理-多组-utf8.xml 密码: gud8 幻灯片管理-多组-gbk.xml 密码: tv9p 使用方法 下载得到xml模块文件,后台 >> 模块管理 >> 上传模块 后台效果 前台标签 {dede:myppt typeid=1 row=6} [field:url/] [field:pic/] [field:title/] {/dede:myppt} {dede:myppt typeid=1 row=6} <div class="item[fie

两周“学会”bootstrap搭建一个移动站点

一直想着用bootstrap搭建网站,它的自适应.元素封装完善.现成的Glyphicons字体图标,省去很多的css.js.ui的工作,可以快速搭建一个客户需要的站点.ytkah自己有一些div+css的基础知识,所以上手bootstrap相对会比较快一些,从入手到完成项目只用了两周“学会”bootstrap搭建一个企业站,中间还有其他的一些事需要处理.当然做得比较粗糙,效果图在文章尾部. 国内的企业站一般都喜欢这样的版式:头部导航.幻灯片banner.次导航.文章列表.tag标签.转化引导.主

得到影视源码分享(有演示),带一键采集,亲测能用,适合懒人做电影站!

源码说明:非常漂亮大气的一个电影板子,淘宝卖150元的,正版无错,带一键采集,也可以设定自动采集,做电影站的朋友喜欢就拿去吧!安装说明:1.直接打开域名自动运行安装2.登陆苹果cms后台-系统管理-当前使用模板-选择M19383.进入后台.---视频管理---视频分类---按下面的模板说明配置---分类模板--------------------------------------------------------------------分类ID.分类名称. 英文名     频道模板     

织梦dedecms自动编号autoindex和itemindex的使用

1.简介 自动编号属性(autoindex和itemindex):在列表循环中自增的一个编号,默认从0开始.在dedecms中以下三个标签含有这个属性. arclist 标签下使用 [field:global.autoindex/] channel 标签下使用 [field:global.autoindex/] channelartlist 标签下使用 {dede:global.itemindex/} 2.应用 使用自动编号属性,可以实现很多功能,如:每隔n条换行.隔行换色等功能. 示例1:每输

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

织梦dedecms自增变量autoindex标签的使用 例1: {dede:arclist titlelen='120' row='8' typeid='2'}         <li class="li[field:global.autoindex/]"><a href="[field:arcurl /]" title="[field:title/]" target="_blank" >[field:

DedeCms autoindex和itemindex使用介绍

autoindex/itemindex 可以使用 @me+1;实现由指定数字开始,下面为大家详细介绍下具体的两者具体的用法,感兴趣的朋友可以参考下 代码如下: <span style="color: rgb(51, 51, 51); font-family: 宋体, arial, helvetica, sans-serif; font-size: 14px; line-height: 26px; "></span> 让dedecms autoindex,item

DEDECMS自动编号(序号)autoindex属性

[field:global name=autoindex runphp="yes"]@[email protected]+1;[/field:global] {dede:global name=itemindex runphp="yes"}@[email protected]+1;{/dede:global} autoindex   itemindex 的使用心得区别 channelartlist 标签下使用 {dede:global name='itemindex

bootstrap模态弹窗显示大图--自动伸缩比例大小

效果: 在一个table里显示很多的小图,每点击一个图片,显示一张大图. 小图的html<td><img height='120px' width='200px' src="图片地址..."  onclick="showBigImg('{$vo['img']}')"/></td> 显示大图的modal<!--放大图的imgModal-->        <div class="modal fade bs

bootstrap大图轮播手机端不能手指滑动解决办法

网上看了很多解决办法,几乎本质都是一样的,都是引入一个滑动的js插件,加入一段js代码,即可生效,但是我试了hammer.js 和 touchSwipe.js 都不生效,也找不到原因是什么,目前在网上就找到 toucher.js 可以实现,贴到博客,留作备用:  1 <script>   2     $(function(){   3         var myTouch = util.toucher(document.getElementById('carousel-index'));