Now that we've learned how to set up external controls that control the carousel, let's take things the other way as well, and set up our carousel to control a slideshow. In this section, we'll be creating a simple crossfade slideshow that's controlled by a carousel of thumbnail images. The following is a sample of what we'll be creating:

Clicking on any of the thumbnails inside the carousel will load up the large version of that image in the slideshow area. I've also provided next and previous buttons near the slideshow that allow the site visitor to advance one photo at a time through the slideshow without having to click individual thumbnails. Let's take a look at how to put this together.