Question

I seem to have the Twitter Bootstrap carousel working properly as far as moving from picture to picture, however, the pictures are not displaying. I get the little image icon below and I see them slide across the page at the proper interval. I’m trying to get this working in my rails project on my local host. I’m new to programming and all of the searching I have done to try and uncover an answer to this has been unsuccessful. Below I included the HTML. Additionally, the images are in the source location listed below in the HTML and they are jpegs.

I’m trying to incorporate this into my home page if that makes any difference. I appreciate the help.

<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

I ran into the same problem of not having the images show up and I believe it has to due with the naming of each jpg file. In my HTML the image tags were pointing to pic.jpg but on my webhost, the files were named as pic.JPG and that actually makes a difference. So either rename it your html or the actual file and it should solve your problem.