Please keep in mind that whenever you use javascript libraries like the ones used by this stack, there's a chance of running into conflicts with some themes or other plugins installed on your pages...

The first thing you need to do is add a Stacks page to your project and then drop the cleanGallery Stack.

From here on, all you have to do is modify the settings to suit your needs, add paths to your thumbnails and full-size images, and you're on your way.

OK, let's get started with the example...

Select the cleanGallery Stack and add it to your page Stacks page. Your page should look something like this (if not, go to Page Inspector>Page and check "Render HTML in Edit mode."):

From here, open the stack's Info Box (HUD) to modify the settings as described in the cleanGallery info page to set up your slideshow.

For this example, set the slider to 4 images and your page will look like this:

Drop one cleanGallery Image stack in each area. Now, your page will look like this:

Open the stack's Info Box (HUD) for each cleanGallery Image stack. You'll notice that they include default paths to images on RWExtras's server. Replace the following information with your own:

1. Path to full-size image
2. Path to thumbnail image (optional)
3. Description (optional)
4. Alt Tag (optional)

In general, the paths must be set as follows:

1. If the full-size and thumbnail images are located in the Page Assets (RapidWeaver 4), you would enter something like this: 'assets/image1.jpg' (without quotes)
2. If the full-size and thumbnail images are located in the Resources (RapidWeaver 5), you would enter something like this: '%resource(image1.jpg)%' (without quotes)
3. If the thumbnail or full-size images are located online, you would enter something along these lines: 'http://rwextras.com/media_files/pic1.jpg'

To practice, go to the HUD for the second cleanGallery Image stack and change the names of the images as follows:

1. Replace the full-size image name from 'pic1.jpg' with 'pic2.jpg' (no quotes)
2. Replace the thumbnail image name from 'pic1sm.jpg' to 'pic2sm.jpg' (no quotes)

Next, do the same thing for the remaining cleanGallery Image stacks using 'pic3.jpg' and 'pic3sm.jpg' (third stack) and 'pic4.jpg' and 'pic4sm.jpg' (fourth stack).

OK, let's see what our example should look like...