Vetaliy Poltavets Vetaliy Poltavets - 1 year ago 48
Javascript Question

Carousel image does not load in Bootstrap

My image does not loading

Got error: Failed to load resource: the server responded with a status of 404 (Not Found)
Project directory image

My first question, let me know what's wrong

<!-- Carousel Indicators-->
<ol class="carousel-indicators">
<li class="active" data-target="#carousel" data-slide="0"></li>
<li data-target="#carousel" data-slide="1"></li>
<li data-target="#carousel" data-slide="2"></li>

<!-- First Slide -->
<div class="carousel-inner">
<div class="item active">
<img src="/images/me-slider-background.jpg"/>
<div class="carousel-caption">
<h3>First slide</h3>
</div><!-- Second Slide -->
<div class="item">
<img src="/images/me-slider-background.jpg"/>
<div class="carousel-caption">
<h3>Second Slide</h3>


<!-- Left and right controls -->
<a href="#carousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<a href="#carousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>


Answer Source

The source for images your wrote is not correct because you are not in the root directory.

Do somthing like this:

<img src="../images/me-slider-background.jpg"/>