How to make a multi-state object with buttons that toggle between states

Question

I'm working on a document to publish online (as a link). I'm trying to incorporate an image of a record player. The plan is that, when clicked, the image of the record player switches to a GIF with a spinning record. At the same time, it'll trigger the sound file I have on the page to play. Then, when the user clicks the GIF, the music pauses, and the GIF switches back to the record player PNG.

So far, I've tried this method:

1. Turn the record player PNG and GIF into buttons (PNG plays music, GIF pauses music).

2. Align the elements and turn them into a multi-state object.

This is where I'm stuck, as when I turn them into an MSO, they lose their interactivity. I can't turn the states into buttons or edit any button actions. Is there a way to achieve the effect I'm going for?

BobLevine · Accepted Answer

Great! I just didn't have time to test it the other day but I was pretty sure it would function properly.

If you're doing a lot of MSOs you might want to download and install this free script: Object States Assistant for Adobe InDesign – Automatication

BobLevine · Answer

Sounds doable. This is off the top of my head so you may have to play around.

First off, don't turn them into buttons. Instead, use an invisible button over them and set them to:

State one (contains PNG and invisible button)

Button set to go to next state

State two (contains GIF and MP3 set to play on state load)

Button set to Stop audio and go to next state

Let me know if that works.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.