rails carousel 小记

    在layout/application.html.erb中加入如下:

<div id = "mycarousel" class = "carousel slide">
    <div class="carousel-inner">
        <div class = "active item"> <img src="/images/1.jpg" alt="" ></div>
        <div class="item"> <img src="/images/2.jpg" alt=""></div>
    </div>
    <a class="carousel-control left" href="#mycarousel" data-slide="prev">zuo</a>
    <a class="carousel-control right" href="#mycarousel" data-slide="next">you</a>
</div>

              在/assets/javascript 中的bootstrap**.js或者自己新建一个.js文件,添加相应的js代码:

$(document).ready(function(){
        $('.carousel').carousel({interval:7000});
});

             不是太难吧,不过我花了一段时间主要是才入手,路径什么的很多问题不清楚,另外就是rails用的coffee js等一些问题,不过总算搞定啦。

posted @ 2013-07-13 15:29  孤独的小马哥  阅读(186)  评论(0)    收藏  举报