Search the Community
Showing results for tags 'hotspots'.
Found 1 result
Basics: AnimateCC and GSAP for cross dissolve using hotspotsHello, Pretty sure this has been addressed before but I'm so new to this, I'm not recognizing it in the archive: I need to cross dissolve one dashboard image into another when user clicks on hotspots. I've done this here (with JS and CSS In this individual web page): http://bigbendhc.org/theUplink/codeDemos/responsiveCrossfadeMultipleImgsAndZoom.html ...but I now need to do this all within the Animate CC and GSAP framework. (I've heard that Animate + GSAP is a better way to build this app.) I've gone through Corey Hudson's tutorials (https://greensock.com/animatecc-quickstart and https://greensock.com/animatecc-templates) but now I need help to pull it all together: Do I use GASP tween code to do the cross-dissolving? Which code do I use? Where does that code go (into the JS layer in the timeline in the Animate file...or does it go into the HTML wrapper? Do I create the hotspots in the HTML wrapper? Do I build the cross-dissolve and the hotspots interactivity in the AnimateCC program? As you can tell by these questions, I'm floundering. If you just want to refer me to another tutorial that will help me take it a step further that's fine. Thanks for any help!