So i have no moving parts what so ever. Everything is appearing, but
it's not scrolling to the next img and the arrows aren't directing to
the next image when clicked on. This is my first script I am trying
to use so I know it's something I'm doing wrong, but I have been
trying to figure it out for two days now. Thanks for any help you can
give! Here's my mark-up:
<div id="Carousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="../carousel/103_0502.JPG"/>
</div>
<div class="item">
<img src="../carousel/ch&veg
station 4.jpg"/>
</div>
<div class="item">
<img src="../carousel/ch&char
tray.JPG"/>
</div>
<div class="item">
<img
src="../carousel/103_0498.JPG"/>
</div>
<div class="item">
<img
src="../carousel/103_0519.JPG"/>
</div>
<div class="item">
<img
src="../carousel/cheesecake evolution.JPG"/>
</div>
<div class="item">
<img src="../carousel/marinated
mozz 2.JPG"/>
</div>
<div class="item">
<img src="../carousel/ch&fruit
display 2.JPG"/>
</div>
<div class="item">
<img src="../carousel/roasted
beets.JPG"/>
</div>
<div class="item">
<img src="../carousel/Marinated
Veggie Tray.jpg"/>
</div>
<div class="item">
<img
src="../carousel/103_0520.JPG.jpg"/>
</div>
<a class="left carousel-control"
href="#myCarousel" data-
slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-
slide="next">›</a>
</div>
</div>
</div>
</div>
