Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Adding a slideshow overlay to your DPS Project is a classic way to bring a page alive with interactivity and if you know how to work with multi-state objects, you already know the keys to making a slideshow. So here we've a simple document that I'd like to include in the DPS Project with a slideshow that displays the eight reasons it's great to study at Roux Academy. Every slide I want to show both a photo and a text frame under it for the title. In order to create a slideshow that works in the DPS Folio, I need to use a multi-state object, where each state shows one of the slides in the slideshow.
And what I've done in advance here is to create a slideshow layer in my document. So I'll go to my Layers panel and I can see slideshow, I'll tip it open and I have groups, I've named each one of them for States, so State 1 through State 8, and in each group there's a photo and a text frame with the title of the photo. So I want to select all of these, I'll click this square on the right side of layer and now with them all selected, I can make a multi-state object. So I'll go to my Object States panel, I'll click New, and there you can see the 8 States that will be the slides in my slideshow and let's give it a name, we'll call it slideshow.
Now I'd like to add some buttons that the user can tap to advance the slideshow. I have these two triangles underneath the photos and I'm going to convert them to buttons. So I'll select the one on the right, go to the Buttons panel, I'll click Actions and I'll choose Go To Next State, of the Object slideshow, and I'll just give it a name. You should always give descriptive names to our buttons. So that's next. I'll select the left triangle, I'll choose Go To Previous State and we'll call this previous.
Next I'm going to select my multi- state object and I'm going to my Folio Overlays panel, and you can see slideshow has already picked for me. So let's look at the options I have here. I can set the slideshow to start playing automatically when this page is viewed by selecting Auto Play. If I choose Auto Play, I can also set a Delay, so it doesn't start playing immediately. The Interval is how long each slide is visible, and I can also set a slideshow to Loop, so it plays over and over. Cross Fade creates a fade transition in between slides and you can also set the duration of that transition.
I can allow the user to swipe to change the image, and if I do so, I can force it to stop at the first and last. I can have the slideshow be hidden until it starts, and I can also make it play backwards. The other main choice here is Tap to Play/Pause. Notice that when I select that I can still have Auto Play selected, so I can have both of these options turned on. That way the slideshow will start automatically and the user can tap to pause it, and then tap again to resume it. If I turn both of these off, then the all way the slideshow will advance is if I set up buttons that control the slideshow and then the user taps those buttons.
So let's preview this slideshow. You can see starts playing automatically, I can tap to pause it, then tap again to resume it, and I can also use my buttons to navigate forward and backwards. You have lots of options in the Folio Overlays panel for tweaking the presentation of your slideshow. Just remember to create a slideshow, start with a multi-state object were each state is a slide in the slideshow.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 47238 Viewers
117 Video lessons · 34169 Viewers
113 Video lessons · 80233 Viewers
116 Video lessons · 70164 Viewers