The meteoric rise in the popularity of ePub has seen Adobe respond with some great new applications as well as great new features for existing applications. Right up there near the top of this cohort of cool are some of the interactive features in InDesign. None more so that the creation of interactive galleries in .swf files.
Open 4 images in Photoshop and select the crop tool.
Crop tool options.
Set the crop tool size to 12cm wide and 8cm high, and the resolution to 300ppi. This will ensure all the images are the same size, and that they already fit the InDesign page.
Crop each image until you're happy with the composition and content of each one and press Return to accept the crop edit.
Go to the Image menu and choose Mode > RGB so each images color space is optimized for electronic display rather than print.
Finally save each image in turn as a jpg and name them "Gallery Pic 1", "Gallery Pic 2" etc. Then close Photoshop.
In your InDesign document add a new page, or select an empty one. Press Command-D to start placing pictures.
Select all 4 Gallery Pic images you just created and click open. All 4 images are loaded into your cursor in InDesign, waiting to be placed.
Click 4 times on different parts of the page so that each image appears placed on the page. Remember they were sized already in Photoshop so there's no need to resize them here.
Select all 4 Graphic Frames on the page and use the Align panel to align them both Horizontally and Vertically so they all share the same X and Y coordinates.
The aligned images.
Keep the 4 Frames selected and change the window layout to Interactive. This will reveal the Object States panel.
Open the Object States panel and click on the Convert selection to multi-state object button. This makes the 4 images an Multi-state Group, which is what we need to create our gallery. Name the group "Gallery 1" in the Object Name field and press Return.
Now find the Sample Buttons panel and choose a style of button you want to use. Drag one pointing right to the right side of your Gallery 1 object. Resize it if you need to.
The Buttons placed.
Do the same on the left side using a left pointing arrow. These will become our next and previous buttons for the gallery. Remember to be neat and align them.
TIp: Anything can be used as a button, not just the library contents.
Select the next button and open the panel called Buttons. Here we can add behaviors to the button and also name them. Name this button Next.
Actions at work.
The Action Go To URL is added already to a button on an On Release Event, which means that when a button is clicked and released the URL would open. To remove this Action click the minus button next to Actions. Then click the Plus button to add a new Action by choosing from the list. Change the action to Go To Next State.
Make sure that the action is pointing towards Gallery 1 in the Object drop-down menu.
This action means that when the next button is clicked the Gallery 1 object will change to the next state (picture) in the Multi-state Group.
Repeat step 7 for the previous button, only choose the action on release as Go to Previous State, and name that button Previous.
Save the Document by choosing File > Export to open the documents export options. From the Format menu pop-up choose Flash Player (SWF) as the export preset and choose Save.
Flash Export Menu.
Save the SWF file out and then open it using Flash Player or a web browser.
Click the Next and Previous buttons to view the gallery.
Now that should be enough to keep you busy adding some oomph to your interactive documents. If you really want to add some extra sparkle remember to include interactive page curls in your swf export options for that truly immersive user experience.