I've seen in another module where you hover or click parts of a graphic and they magnify or animate. The one I attached I saw in a module someone else made doing this but I couldn't figure out how. Thanks in advance for your help.
That's an Engage circle diagram, Deena. Open your Articulate 360 app and then open Studio 360. Select Engage 360. When you select New Interaction in the upper left of the window that appears, you will see a number of interaction options. In this case, it sounds like you'll want to select the Circle Diagram. Once you have created your interaction, you can import the Engage .intr file into Storyline.
First of all you need your graphical elements as separate pngs. Then you can use Storyline default animations, states or Javascript to achieve the effect wanted.
You guys rock! I ended up doing something a little different with the graphic. I set up hotspots for each item on the graphic and when the user clicks the item it will start an audio explanation of that item. I thought I could just add a second trigger to stop the audio when the user clicks it again. However, the two seem to be cancelling themselves out and now there is no audio at all. I can't find a variable to add to either one. How do I get the first one to stop on the first one if the user clicks a second one?
This is going to depend on whether you're using Play Media/Pause Media triggers or layers. Can you post a .story file with just that one slide? We'll take a look.
See attached. I reconfigured the slide using layers. I think this is what you're after. In the meantime, I'll work up an Engage version so you can see how that functions.
Attached is your file, now with a quick Engage slide added so you can compare. You will have to publish the .story file to see the Engage slide in action.
I have also attached the Engage .intr file in case you want to play with it.
11 Replies
Sorry didn't see where my attachment uploaded so I am trying again...apologies if there are two here.
That's an Engage circle diagram, Deena. Open your Articulate 360 app and then open Studio 360. Select Engage 360. When you select New Interaction in the upper left of the window that appears, you will see a number of interaction options. In this case, it sounds like you'll want to select the Circle Diagram. Once you have created your interaction, you can import the Engage .intr file into Storyline.
First of all you need your graphical elements as separate pngs. Then you can use Storyline default animations, states or Javascript to achieve the effect wanted.
You guys rock! I ended up doing something a little different with the graphic. I set up hotspots for each item on the graphic and when the user clicks the item it will start an audio explanation of that item. I thought I could just add a second trigger to stop the audio when the user clicks it again. However, the two seem to be cancelling themselves out and now there is no audio at all. I can't find a variable to add to either one. How do I get the first one to stop on the first one if the user clicks a second one?
This is going to depend on whether you're using Play Media/Pause Media triggers or layers. Can you post a .story file with just that one slide? We'll take a look.
Thank you so much, I have attached the slide here!
My preference would be that the first one stops when a different one is clicked but I'm not sure if that can be done?
See attached. I reconfigured the slide using layers. I think this is what you're after. In the meantime, I'll work up an Engage version so you can see how that functions.
This is exactly what I want!! Thank you.....looking at your triggers I would never have guessed that is what I had to do.
I'm not sure what an Engage version is but this is all I need :)
Glad that worked for you, Deena.
Attached is your file, now with a quick Engage slide added so you can compare. You will have to publish the .story file to see the Engage slide in action.
I have also attached the Engage .intr file in case you want to play with it.