See that's the issue, I don't know where everything should be. I have done the basic javascript tutorials but I am not that fluent. I have uploaded my markup cause no one knows about the site but you can go to mainlinehospitality.com to see if I have what i'm supposed to. I looked through every example I could find and I am having no luck. If you can spot something let me know. Thanks again
On Feb 8, 1:25 pm, Sam Sherlock <[email protected]> wrote: > 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>
