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

[nikole_ahne_9208]

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?

[Mike Witherell]

Nikole,

To my knowledge, InDesign cannot publish an animated GIF. Have you experimented with an mp4 file for video motion?

[nikole_ahne_9208]

Hi Mike,

From what I've seen in my experimentations, it can (likely since I'm publishing online). Unfortunately, I'm still struggling with making sure the PNG & GIF can simultaneously switch between states (state 1 = PNG, state 2= GIF) and control music. Have you come across a way to turn the individual states within a multi-state object into buttons? (Whilst remaining as an MSO)?

[BobLevine · Accepted solution]

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.

[nikole_ahne_9208]

It worked! Thank you so much for the help

[BobLevine]

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