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 kevin wagner
kevin wagner
Courses Plus Student 21,913 Points

Using Jquery Plugins > Using a Jquery Carousel: The Carousel Challenge

I'm having a heck of a time building my jquery plugin slider in a way that works. I'm linking to jquery and the slick plugin via cdn, and I've made a point to follow Dave's exact steps, but I'm still coming up with a broken plugin and page. There must be something I'm missing, I'm just not seeing it.:

http://codepen.io/kdub1312/pen/QjMYpz

2 Answers

Manolis Kyriakakis
Manolis Kyriakakis
7,534 Points
Manolis Kyriakakis
Manolis Kyriakakis
7,534 Points

Kevin, i think that yours problem is that you have not the images on the /img folder as it supposed to be. For example the code: <img src="img/team-members/team--12.png"> does not retrieve any image at all, because you didn't have include any /img directory on your project. Try to append the /img directory with the images from the original project. Also you didn't link the appropriate CSS files for the slick plugin. You will need both slick.css and slick-theme.css in order to make your code to work.

kevin wagner
PLUS
kevin wagner
Courses Plus Student 21,913 Points
kevin wagner
kevin wagner
Courses Plus Student 21,913 Points

Thanks Manolis. You're correct, on codepen I did not have the images properly loaded. However, I had the project set up the exact same way in workspace where Dave already had the img sources loaded, and I was having the same issues.

I see what you're saying with the css files. My thought was that since I was using the CDN to link to slick's js and css the slick-theme.css would be included, but maybe that's not the case. I'll try downloading slick and slick-theme to connect to it from within my project folder.

george birnbaum
george birnbaum
5,652 Points

Hey kevin,

I had a similar problem. I downloaded the files and set up on my local. I no longer had the issue. It appears there is something wrong with the project files in Dave's workspace.

Cheers!