Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Using jQuery Plugins!
You have completed Using jQuery Plugins!
Preview
Practice adding and configuring the carousel in a couple of different situations using the slick documentation for reference and your knowledge of jQuery plugins.
Challenge Description
Create a carousel with
- Previous and Next Buttons
- Navigation dots below the carousel
- Display 4 slides at a time
- Navigation advances 4 slides at a time
Challenge Tasks
- Attach the Slick CSS files
- Attach jQuery and the Slick Plugin JavaScript files
- Add a div to hold the slides
- Add the 'slides' (copy the HTML from the slides.html file)
- Add the programming to call the plugin
- Change the look with CSS (larger dots and different colors)
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
I've included a couple of practice
files in the workspace on this page.
0:00
You can also download them as
part of the project files.
0:00
I want you to practice adding and
configuring the carousel
0:04
in a couple of different situations using
the Slick documentation for reference, and
0:07
your knowledge of jQuery plugins.
0:11
Let me show you what I want you to do.
0:14
Here's the final design
I'd like you to create.
0:16
Notice that the carousel has previous and
next buttons.
0:19
As well as little dots that let you
navigate all the slides in the carousel.
0:24
The biggest change from what we've made
from our previous use of the carousel is
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up