Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Forrest Hawes
Forrest Hawes
2,416 Points

Subtle file name capitalization bug in slide for the yellow "KITT" slide -- 9/8/2016 file in Workspace for Carousel vide

I was following along in the Workspace for Video "37852" today, with the Carousel lesson. I noticed that when I pasted in the code from "slides.html" as instructed, the final "yellow KITT slide" did not display correctly: it was 353 pixels high instead of 520 like the others. Careful examination of the page using the Developer Console in Firefox showed an error message that the PNG file "slide-kitt.png" was missing. I looked again at the code and realized that whoever packaged the files for this workspace had capitalized the name of the file: so the file in the "img" directory was "slide-Kitt.png", thus triggering the error. Renaming the file solved the problem. I am documenting this in case anyone else runs into this issue. Maybe someone did this deliberately, to see if we were paying attention? ;-)

UPDATE: also, when I was posting this, I could not find the option for marking the post specifically to apply to this topic. This post should be a question marked as follows:
JavaScript Using jQuery Plugins > Using a jQuery Carousel > Explore Carousel Settings

Kathryn Notson
Kathryn Notson
25,941 Points

Forrest Hawes & Dave McFarland:

Click on the "Ask for help" button at the bottom right of the lesson video. I type the titles/subtitles of the lesson in the box that appears like this: Full Stack JavaScript: Using jQuery Plugins: Using a jQuery Carousel: Explore Carousel Settings. Then I click on the next button that appears & type my question. Then I submit the question to the Community page.

Thank you! I knew there was a problem with the "slide-kitt.png!" I noticed the "img/slide-kitt.png" in all lower case letters in my index.html & work.html. However, I get a small icon instead of the image & the upper 1/2 of the yellow background. The entire image in the slide-kitt.png file itself is entirely whole. I'm still getting the icon of the kitt.png image & the upper 1/2 of the yellow background. That hasn't been resolved. (My developer's tools in the Internet Explorer & Google Chrome browsers of the computer I'm using have been disabled.)

So there was a capitalization/lower case "k" error in the "slides.html" file on the img/slide-kitt.png.

I sent a Print Screen & a link of Dave McFarland's video to him to show it to him when I discovered the problem with the kitt.png & the upper 1/2 yellow background.