Combining a carousel with a slideshow

Not only can you include more than one Cycle2 slideshow on a single page, you can also set up those slideshows to "talk" to one another. Let's take a look at how we can set up a carousel to act as a controller for a slideshow. Here's an example of what we'll be building:

Clicking on one of the thumbnails in the carousel will load the full-size version of that image in the slideshow section.

Setting up the carousel

To make this a little bit easier to digest, we're going to break the process of creating the carousel/slideshow combo into three pieces. In this first piece, we'll get the carousel set up and working and look at the special considerations we have to make to ensure that it will work flawlessly with our slideshow component.