2013-05-22 48 views
0

您好,我正在開發一個基本的導軌應用程序,並且希望在幻燈片中包含一個歡迎頁面。我將如何在Rails應用中實現這一點?我是Rails的新手,我嘗試過使用Jquery,但沒有奏效。我也在我的網站上使用bootstrap。問題是,圖像不會加載,我只看到箭頭按鈕,沒有圖像。 謝謝!這裏是我的代碼,我將如何在我的Rails網站中添加slidingshow?

<script> 
$(function(){ 
    $('#myCarousel').carousel(); 
}); 
</script> 


<div id="myCarousel" class="carousel slide"> 
    <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 items --> 
    <div class="carousel-inner"> 
    <div class="active item"><img src='pictwo.png'></div> 
    <div class="item"><img src='pictone.png'></div> 
    <div class="item">…</div> 
    </div> 
    <!-- Carousel nav --> 
    <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> 

回答

2

Twitter的引導incudes一個,以及提供有關其用法示例 - http://twitter.github.io/bootstrap/javascript.html#carousel

+0

哦對不起。我剛剛編輯了我的問題。我發現,但我遇到了問題。圖像不會加載,我只是得到箭頭。 – user2351234

+0

將''切換到'<%= image_tag'pictwo.png'%>'。 –

+0

哦哇!謝謝!它的工作..你知道我可以調整圖像大小嗎?他們看起來很大! – user2351234

相關問題