I want to add an image to the slideshow

Question

I'm using a Bootstrap template, but cannot get the slideshow working properly as demonstrated here - http://getbootstrap.com/2.3.2/examples/carousel.html

My code looks like this:

<div class="item">
    <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
        <div class="carousel-caption">
            <h2></h2>
        </div>
     </div>

I want to add my own image instead of the URL image that is already there.

Answer 1

If you're working locally you can change that URL to wherever you are saving your image. For example, I like to put my images in a folder called "img", so my code might look like this:

<div class="fill" style="background-image:url('img/my-image-here.jpg');"></div>