Join Keith Gilbert for an in-depth discussion in this video Create an interactive slideshow, part of InDesign: Fixed-Layout EPUB Interactive Techniques & Publish Online.
- Slideshows are a common element of interactive documents. Keep in mind that each slide can be anything, they don't have to be an image. Each slide can be a group of text frames, images, logos, you name it. So it turns out that the simple, unassuming slideshow has a wide variety of uses. In the Exercise Files folder, open 02_01_slideshow_begin. Look in the Layers panel, and you'll see that this is organized into four layers and if you flip open the MSO layer, you'll see that this layer contains four groups.
And if you use the eyeballs on the left hand side, you can reveal the groups one at a time to see that we've assembled four different slides. Each slide consists of an image with a text frame on top of it. We're going to re-name each of these groups so that it's a little more indicative of what each slide is. So I'm going to select the first group, and I'm going to name this Teach. And then I'm going to hide that one. And the second group, we'll call that Team, and I'll hide that one. And the third group, we'll call Business.
And then hide that one. And the fourth group, we'll call Home. And I'll display each of the groups again. And we're going to turn these four groups into a multistate object, using the Object States panel. So I'm going to select all four of these groups, and in the Object States panel, I'm going to click on the new icon, down at the bottom right-hand corner, and that's going to turn this into a multistate object, indicated by the heavy outline around it.
I'm going to name this object Banking Slideshow. And then we'll see that each of the states that was created in this multistate object has a nice name on it now. Th reason they're named nicely is because it extracted the name from each layer. If I hadn't re-named the layers, they would've just been named State 1, State 2, State 3, State 4. Now we need to wire up a couple buttons to control this slideshow. So I want to set it up so when the user taps this right-pointing triangle, it goes to the next slide, when they tap the left-pointing triangle, it goes to the previous slide.
So I'm gonna select this clear frame that I've placed over that triangle, and in the Buttons and Forms panel, I'm just going to choose the Go To Next State action. And then down here, it's going to say, "Well which multi-state object "do you want to go to the next state of?" And it has chosen the Banking Slideshow for me, because that's the only one that's on this page, so it was smart enough to figure that out. Then I just repeat the process for the previous slide button. So I select the frame, choose the Go To Previous State action.
Let's preview this in our EPUB Inner Activity panel. And, if you click forward and back on the buttons, the slideshow should function as expected. To learn much more about the ins and outs of working with multistate objects, watch "Developing Multistate Objects in InDesign "with Bob Levine." Now you know how to create a basic slideshow, with forward and back buttons. Remember, this basic concept has a wide array of possible uses.
- Creating animated navigation buttons
- Building interactive slideshows
- Creating reveal buttons
- Adding multiple choice and branching quizzes
- Creating a scrolling panorama
- Embedding video
- Creating buttons to send email