Question

我似乎有Twitter Bootstrap轮播正常工作，但是，图片没有显示。我得到下面的小图片图标，我看到它们以适当的间隔在页面上滑动。我正在尝试在我的本地主机上的rails项目中使用它。我是编程的新手，我所做的所有搜索都试图找到答案但是没有成功。下面我包含了HTML。此外，图像位于HTML下面列出的源位置，它们是jpeg。

如果这有任何区别，我正试图将其纳入我的主页。我很感激帮助。

<div id="myCarousel" class="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="assets/images/pic1.jpg" alt></div>
<div class="item">
<img src="assets/images/pic2.jpg" alt></div>
<div class="item">
<img src="assets/images/pic3.jpg" alt></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>

Answer 1

而不是<img src="assets/images/pic1.jpg" alt>，您应该使用图片助手：

<%= image_tag 'pic1.jpg' %>

如果您的pic1.jpg位于app / assets / images文件夹中，则会显示。

Answer 2

我遇到了没有显示图像的相同问题，我相信它必须与每个jpg文件的命名相关。在我的HTML中，图片标签指向图片。 jpg ，但在我的网站主机上，这些文件被命名为pic。 JPG ，这实际上有所不同。因此，要么将其重命名为html或实际文件，它应该可以解决您的问题。

为什么我的照片不会显示在我的自举旋转木马中？

2 个答案: