Join Joe Chellman for an in-depth discussion in this video Solution: Convert to slideshow, part of jQuery for Web Designers.
- [Voiceover] Let's take a look at my solution…to this Color Box challenge.…If I click one of the images,…it opens up the slideshow,…and the slides play automatically.…We have a fade transition here,…my background is, not particularly opaque,…and the counter says arrangement two of four,…referring to these flower arrangements.…Okay, let's take a look at the options.…Here we are in the script file.…The rel and the maxWidth were already there.…Then we have a transition option,…which is set to fade, changing it from the default elastic.…I also added the speed option,…just to make the transition a little faster.…
But that wasn't required.…Next, I set the opacity down to 0.5.…This is on a scale from zero to one,…with zero being completely transparent,…and one being completely opaque.…Then of course, we have the all-important slideshow option,…set to true, which makes these images autoplay.…And then the slideshow speed is set to 3,000,…which is 3,000 milliseconds, or three seconds per slide.…And then finally, we have the little template…
- 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?
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.