使用onethink和bootstrap实现首页上的图片轮播和图片采用自后台

bootstrap中有轮播效果的class

下面的内容位于index.html中

<!-- Indicators -->

                    <div id="myCarousel" class="carousel slide"  data-ride="carousel" data-interval="3000" >

<!-- 轮播(Carousel)指标 -->

                    <ol class="carousel-indicators">

                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

                    <li data-target="#myCarousel" data-slide-to="1"></li>

                    <li data-target="#myCarousel" data-slide-to="2"></li>

                        </ol>

<!-- 轮播(Carousel)项目 -->

                        <div class="carousel-inner" role="listbox">

                        <div class="item active">

                        <img src="{$url[0]}" alt="First slide" >

                        <a href="{:U('Article/detail',array('id'=>$docid[0]))}"><div class="carousel-caption"><div class="btn">{$description[0]}</div></div></a>

                            </div>

                            <div class="item">

                            <img src="{$url[1]}" alt="Second slide">

                            <a href="{:U('Article/detail',array('id'=>$docid[1]))}"><div class="carousel-caption"><div class="btn">{$description[1]}</div></div></a>

                            </div>

                            <div class="item">

                            <img src="{$url[2]}" alt="Third slide">

                            <a href="{:U('Article/detail',array('id'=>$docid[2]))}"><div class="carousel-caption"><div class="btn">{$description[2]}</div></div></a>

                            </div>

                        </div>

<!-- 轮播(Carousel)导航 -->

                        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>

                        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

                    </div> 


在indexcontroller中的index中,添加代码

$description=$Document->where('category_id=39')->order('create_time desc')->limit(3)->getField('description',true);

    $docid=$Document->where('category_id=39')->order('create_time desc')->limit(3)->getField('id',true);

    $url=array();

for($i=0;$i<3;$i++)

{

$url[$i]=__ROOT__.get_cover($list[$i], $field = path);

}

$this->assign(‘url',$url);

$this->assign('description',$description);

$this->assign('docid',  $docid);

这样就得到了在html中所使用的参数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值