From the course: jQuery for Web Designers

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Solution: Convert to slideshow

Solution: Convert to slideshow - jQuery Tutorial

From the course: jQuery for Web Designers

Start my 1-month free trial

Solution: Convert to slideshow

“

- [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.…

Contents