Bootstrap Carousel
- Started
- Last post
- 13 Responses
- Salarrue0
I prefer foundation, they have great documentation http://foundation.zurb.com/docs/…
- +1 for foundation.Crack_Junkie
- -99 for the carousel (Orbit) plugin. It worked so badly I pulled it out in the end.thecreativefire
- mg330
Thank you. I assume that if I'm already using Twitter Bootstrap, it's possible to add that alongside it?
- hereswhatidid0
http://hereswhatidid.com/portfol…
Works fine for me. Do you have other animations on the page that may conflict with it?
- mg330
^ Not sure, and, I'm working on it locally otherwise I'd like to it.
- Crack_Junkie0
Got a dev server somewhere so we can help debug it? Sounds like a JS conflict.
- Maaku0
This tutorial helped me for the basic setup:
- Works fine for me too:
http://simpleshape.m…Maaku - Thanks - Might take a look at this, looks like it has god details.mg33
- Works fine for me too:
- ukit20
Gotta learn to debug when working with JS. Open Firebug (or the equivalent) in your browser and click on the Console tab...any error will show up there.
- mg330
OK, after some issues with my Internet going down, I got this up on my site.
Here's the version I created from a tutorial on YouTube:
http://twitterbootstrap.mg33.net…Here's where I'm trying to integrate it into a page;
http://twitterbootstrap.mg33.net…Here's the tutorial, btw:
I assume this is pretty much following the Twitter Bootstrap example here, which is sort of where I started. http://twitter.github.io/bootstr…
- FYI - saving formatting stuff for later, just want to know how to get the transition working.mg33
- mg330
STOP EVERYTHING
I just followed the example that Maaku posted and got it working with transitions:
http://twitterbootstrap.mg33.net…It might be that I'd left out the Interval portion of the function.
- ukit20
You are getting some errors:
"Uncaught ReferenceError: $ is not defined"
Which means jQuery is not loaded by the time you call your function. It looks like it's linked correctly but it may not be loading in time. Try moving your script to the footer below the link to jQuery.
- mg330
Anyone know how I might pause that auto-rotate? I'm assuming it's in the carousel.js file.
- animatedgif0
Why would a normal bit of HTML not work in Bootstrap?
If normal HTML doesn't work in it then maybe it shouldn't be used in the first place
- hereswhatidid0
http://twitter.github.io/bootstr…
Checkout the interval and pause options for controlling the animation.