How to create a popup window within Animate?

Forum|Forum|5 years ago
May 15, 2020
3 replies
4682 views

Hello,

This is the Animate Tutorial I am following https://helpx.adobe.com/animate/how-to/animated-infographic.html?guid=e9c0bb70-3c93-41ca-858a-d5dfdb2b11c6&location=PDP&product=Creative%20Cloud%20Desktop&product-version=5.1.0.407&mv=product&mv2=accc&jarvisData=%7B%22versionPath%22%3A%222.16.3%22%2C%22cookieGuid%22%3A%229604cae7-9ea2-4990-937e-5f6fca77ad90%22%7D#

but wondering how the supplied file, 05_interactivity.fla. was created? Was it created within Animate or Flash? And whichever can anyone supply a how to video/instructions. I am a novice designer for web, I usually design for print only but have been asked to create a interactive graphic similar to this http://127.0.0.1:8090/animated-infographic.html?14430009, ideally I want an end user to hoover/click over an area and for a pop up window or box to appear, simple (so I thought). Step 5 throws me as they have jumped straight into the loop and creating a stop/start button.

Can anyone please give me the best and quickest tutorial to follow to allow me to create this. In which ever sodtware package suits best.

Many Thanks

Roberta

How to

This topic has been closed for replies.

kglad

Community Expert

i don't understand the lengthy discussion to do something so basic (open a popup on mouseover):

stage. enableMouseOver(10);

tihis.whatever.addEventListener("mouseover",openF);

function openF(){
window.open("htpps://www.kglad.com","_blank");
}

S

sssas27209452f1d2

Participating Frequently

Hi there, the file 05_interactivity.fla was likely created in Flash and then imported into Animate. As for a how-to video or tutorial, I'm not sure where you might find one specifically for that file.

S

sssas27209452f1d2

Participating Frequently

However, the Animate tutorial you linked to does a pretty good job of explaining the basics of how to create an animated infographic. As for the loop and stop/start button, that's actually not too difficult to do. In Animate, you can create a simple button symbol and then add some code to the symbol's timeline to make it loop. For the stop/start button, you can add some code to the button that will stop the play when the button is clicked and then start it again when the button is clicked again. To make this step easier, you can use a plugin that usually is used as a Shopify cart saver, but with it, you can easily create what you need. I hope that helps!