Make sure the script files are being correctly sources by the page.
See if you are getting any js errors.
I assume you have the scriptblock that setsup the widget.
<script>
$(document).ready(function() {
// set up the Carousel with no additional options
$('#Carousel').carousel();
});
</script>
also using an & within file names might be bad (I stick to alpha numeric
chars and underscores with no spaces - in lowercase)
- S
On 8 Feb 2012 18:02, "Joseph Johnston" <[email protected]> wrote:
> 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>
