如何在我的Rails网站中添加幻灯片?

时间:2013-05-22 03:02:26

标签: ruby-on-rails twitter-bootstrap web slideshow carousel

您好我正在使用基本的rails应用程序,我希望包含一个带幻灯片的欢迎页面。我如何在Rails应用程序中实现这一点?我是Rails的新手,我尝试使用Jquery,但它没有用。我也在我的网站上使用bootstrap。问题是图像不会加载,我只看到箭头按钮,没有图像。 谢谢!这是我的代码,

<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>

1 个答案:

答案 0 :(得分:2)

Twitter引导程序包含一个,并提供有关其用法的示例 - http://twitter.github.io/bootstrap/javascript.html#carousel