- You will need a container. You only need one, and the slides will be inserted in there. This is the container:
<div class="main-carousel"> !!! SLIDES WILL GO HERE !!! </div>
- Next you will need your slides. Those should look like this, but with your own images:
<div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div>
- Use that exact code, but replace the image src.
- End Product should look like this:
<div class="main-carousel"> <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div> <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div> <div class="carousel-cell" style="background: center; background-size:cover; text-align:center; width:100%; height: 300px;"><img src="YOUR_IMAGE_HERE" /></div> </div>