Join Joe Chellman for an in-depth discussion in this video Challenge: Convert to slideshow, part of jQuery for Web Designers.
(symbols note)…- [Voiceover] In this Challenge,…we're going to take some of the,…let's call them study skills we've learned…for working with jQuery plugins…and apply them to a new example.…Currently, I have this Colorbox reset…to simply open the images and let me page through them.…Your assignment for this challenge…is to convert this into an autoplaying slideshow,…and there will be a few things for you to change.…One is the transition between these slides.…
You'll also need to change this counter.…And then there will be a few parameters…for the slideshow itself.…Everything that you need will be…in the Colorbox documentation.…So what you'll need to do is look through…the available options and find which ones…apply to this challenge.…Here is the script file you'll be working with.…Just note that you have a color box…already instantiated here.…Basically, all you're going to need to do…is change this options object.…So here we go, here's the Colorbox challenge.…We're going to convert this into an autoplaying slideshow,…
- When to use jQuery
- Installing jQuery
- Setting up functions
- Using jQuery classes
- Modifying the DOM
- Event binding
- Reading and setting values
- Integrating plugins
- Animating websites with jQuery
Skill Level Intermediate
1. jQuery Introduction
2. Essential Concepts
3. It's Easier in jQuery
4. Integrate a Plugin
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.