脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → thinkphp标签实现bootsrtap轮播

thinkphp标签实现bootsrtap轮播carousel实例代码

 更新时间：2017年02月19日 10:57:47   作者：QTFYING  
这篇文章给大家介绍thinkphp标签实现bootsrtap轮播carousel实例代码，非常不错，具有参考借鉴价值，需要的的朋友参考下

由于轮播carousel第一个div需要设置active样式才能正常显示，上面的圆点也同样需要数字，

使用volist标签在循环的同时可以取得下标（foreach，for标签实现不了）

<div class="Container">
<!-- carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<volist name="bopic" id="xt">
<li data-target="#carousel-example-generic" data-slide-to="{$i-1}" class="<if condition="$i eq 1 ">active</if>"></li>
</volist>
</ol>
<div class="carousel-inner">
<volist name="bopic" id="xt">
<div class='item <if condition="$i eq 1 ">active</if>'>
<img src="{$xt.page_bopic_image}" alt="{$xt.page_bopic_seo}"/>
</div>
</volist>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /.carousel -->
</div>

以上所述是小编给大家介绍的thinkphp标签实现bootsrtap轮播carousel实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

相关文章

  • 详解JS内存空间

    详解JS内存空间

    因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。为了解决大家的疑惑，本文将详细介绍JS内存空间
    2021-06-06
  • JavaScript的递归之递归与循环示例介绍

    JavaScript的递归之递归与循环示例介绍

    对于不同类型的需要重复计算的问题，循环和递归两种方法各有所长，能给出更直观简单的方案，下面为大家详细的介绍下JavaScript的递归与循环，感兴趣的朋友可以了解下
    2013-08-08
  • js点击页面其它地方将某个显示的DIV隐藏

    js点击页面其它地方将某个显示的DIV隐藏

    今天一朋友问我 点击一按钮弹出一个DIV，然后要求点击页面其它地方隐藏这个DIV
    2012-07-07
  • JS文本获得焦点清除文本文字的示例代码

    JS文本获得焦点清除文本文字的示例代码

    本篇文章主要是对JS文本获得焦点清除文本文字的示例代码进行介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-01-01
  • 基于JavaScript实现交互式博客

    基于JavaScript实现交互式博客

    在Web开发中,JavaScript（JS）是一种至关重要的编程语言,它使网页具有交互性,本文主要介绍了如何使用JavaScript实现一个交互式博客,需要的可以了解下
    2024-01-01
  • javascript中的事件代理初探

    javascript中的事件代理初探

    本文仅仅起到一个抛砖引玉的作用，让大家了解到事件代理的原理而已，jquery中的live和delegate实现要复杂的多
    2014-03-03
  • LazyLoad 延迟加载(按需加载)

    LazyLoad 延迟加载(按需加载)

    大型网站往往很矛盾，想用户在首页看到更多东西，又不想浪费太多服务器流量。比如一个有3屏的首页。可能50%的用户进首页的目的是点击首页的连接，到子页面。
    2010-05-05
  • JS一维数组转化为三维数组方法

    JS一维数组转化为三维数组方法

    这篇文章主要给大家分享了JS一维数组转化为三维数组的方法，下面文章围绕JS数组转换的相关资料展开内容，对大家的学习有一定的参考价值，需要的小伙伴可以参考一下
    2022-01-01
  • JavaScript类数组对象转换为数组对象的方法实例分析

    JavaScript类数组对象转换为数组对象的方法实例分析

    这篇文章主要介绍了JavaScript类数组对象转换为数组对象的方法,结合实例形式分析了javascript类数组对象的功能,以及类数组对象转换为数组对象的相关方法与实现技巧,需要的朋友可以参考下
    2018-07-07
  • JS实现从连接中获取youtube的key实例

    JS实现从连接中获取youtube的key实例

    这篇文章主要介绍了JS实现从连接中获取youtube的key的方法,涉及javascript字符串操作的相关技巧,需要的朋友可以参考下
    2015-07-07

最新评论