Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.
Carousel indicators not working as they should be , not clickable , do not work as a way to navigate slides
well , in this specific project i'm having a problem making the indicators work as they should ... when i slide the images using the normal navigation arrows ok the indicators do the job and indicates which image i am on .... but i wanted this extra feature that i can navigate through the indicators ... too bad Zac didn't try to navigate using them so i know if it is my bad or not ... but i double checked the code i have and it is exactly the same as the project file
Ross Coe5,061 Points
I had trouble with this as well - I think there's a problem when Zac copied and pasted the code start off the bootstrap site. Make sure when you declare the div for the carousel that IT'S ID DOES NOT HAVE A # in front of it e.g. <pre><code> <!-- no hash div id="carousel-example-generic" class="carousel slide" data-ride="carousel" > lower down at controls KEEP hash a class="left carousel-control" href="#carousel-example-generic" --> <!-- this might be BETTER yet: div id="myCarousel" etc.. and then .. a class="left carousel-control" href="#myCarousel" data-slide="prev" -->
Hope this helps someone left scratching their head (also be v.careful with variable names - amazing how easily a typo like thubmnail or thunbnail can trip you up :P