为什么我的图片不会显示在我的引导轮播中？答案

【问题标题】：Why won't my pictures display in my bootstrap carousel?为什么我的图片不会显示在我的引导轮播中？
【发布时间】：2012-05-28 17:03:00
【问题描述】：

就从图片移动到图片而言，我似乎让 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>

【问题讨论】：

这可能意味着您的图片路径不正确。尝试使用绝对路径。

标签： javascript ruby-on-rails twitter-bootstrap

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

<%= image_tag 'pic1.jpg' %>

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

【讨论】：

这很有帮助，因为我忽略了使用帮助器，所以感谢您指出这一点，我已经更新了我的代码以包含图像帮助器。这并没有纠正图像实际显示在轮播中的问题。
为了好玩，我刚刚尝试了一张 PNG 图像，它正在工作，所以我刚刚转换了文件。很想知道为什么 JPEG 文件不起作用。
作为 JPEG，图像没有显示出来。我刚刚出现了破碎的图片外观图标，它们会以我设置的适当间隔在屏幕上滑动。 PNG文件工作得很好，所以这是现在的解决方案，所以我可以继续学习，谢谢你的帮助。