7 Replies Latest reply on Dec 25, 2014 10:13 AM by joel_pau

    Animation autoplays (even tho it's turned off) instead of on mouseover

    jt4novels Level 1

      I have a porfolio site that I'm creating with different colored coffee cups as buttons for each section of my site. When the mouse rolls over the coffee cup image, I want the coffee to appear with the steam moving above it. This part of the animation works fine. I've converted the images to symbols so they can have their own div and I've deactivated the "autoplay" button so I can set the animation to play on mouseover. However, when I preview the site in browser, the animation autoplays. I've tried to hide it and set it to play on mouseover, but it stayed hidden. How can I make this work only on mouseover? I've been through all the tutorials and none of  them have helped me with this issue.

       

      TestImage.jpg

      Once I get the animation to work on mouseover, I plan to insert a click action on the text to link it to the new page. Thanks in advance for any help you are able to provide.

        • 1. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
          vivekuma Adobe Employee

          Can you share your composition so that we can help you out by modifying it if required and re-sharing it with you?

           

          Regards,

          Vivekuma

          • 2. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
            resdesign Adobe Community Professional & MVP

            Please check out if you have any error in your code as everything will play to the end of the timeline if there is an error. You should see if there is an error at the bottom of the stage in Animate.

            • 3. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
              jt4novels Level 1

              I've only tried to set up the first blue coffee cup.

               

              /***********************

              * Adobe Edge Animate Composition Actions

              *

              * Edit this file with caution, being careful to preserve

              * function signatures and comments starting with 'Edge' to maintain the

              * ability to interact with these actions from within Adobe Edge Animate

              *

              ***********************/

              (function($, Edge, compId){

              var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes

               

               

                 //Edge symbol: 'stage'

                 (function(symbolName) {

                   

                   

                   

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_Contact_Me}", "click", function(sym, e) {

                       // insert code for mouse click here

                      

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("http://www.jennifertaylorportfolio.net", "_self");

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_About_Me}", "click", function(sym, e) {

                       // insert code for mouse click here

                      

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("http://www.jennifertaylorportfolio.net", "_self");

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_FB-Gold2}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("http://www.facebook.com/DigitalAlti2ude", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_TW-Gold}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("http://www.twitter.com/digitalaltitude", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_GPlus-Gold}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("https://plus.google.com/u/0/+JenniferHudsonTaylor/posts", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_LinkedIn-Gold}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("https://www.linkedin.com/in/jenniferhudsontaylor", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_Pinterest}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("https://www.pinterest.com/jt4novels", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_UTube}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("https://www.youtube.com/user/jt4novels", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                   

               

               

                    Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {

                      

                       // Hide an element

                       sym.getSymbol("SteamBlue").$("CoffeeLiquid2").hide();

                      

                       // Hide an element

                       sym.getSymbol("SteamBlue").$("Steam-Reverse").hide();

                      

                       // Hide an element

                       sym.getSymbol("SteamBlue").$("Steam22").hide();

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_CoffeeCup-Blue2}", "click", function(sym, e) {

                       // insert code for mouse click here

                       // Navigate to a new URL in the current window

                       // (replace "_self" with appropriate target attribute)

                       window.open("http://www.jennifertaylorportfolio.net/WebDesign.html

                       ", "_self");

                      

               

               

                    });

                    //Edge binding end

               

               

                    Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 90, function(sym, e) {

                       // insert code here

                    });

                    //Edge binding end

               

               

                    Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 6000, function(sym, e) {

                       // insert code here

                    });

                    //Edge binding end

               

               

                    Symbol.bindElementAction(compId, symbolName, "${_SteamBlue}", "mouseover", function(sym, e) {

                       // insert code to be run when the mouse hovers over the object

                      

                       sym.getSymbol("SteamBlue").play(0);

                      

               

               

                    });

                    //Edge binding end

               

               

                 })("stage");

                 //Edge symbol end:'stage'

               

               

                 //=========================================================

                

                 //Edge symbol: 'SteamSymbol'

                 (function(symbolName) {  

                

                 })("SteamSymbol");

                 //Edge symbol end:'SteamSymbol'

               

               

              })(jQuery, AdobeEdge, "EDGE-48085909");

              • 4. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
                vivekuma Adobe Employee

                Can you zip the composition files and share it on some cloud storage service?

                • 5. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
                  jt4novels Level 1

                  Vivekuma,

                   

                  I zipped the files and sent you a link to them a few days ago. Please confirm that you received them. Thanks!

                  • 6. Re: Animation autoplays (even tho it's turned off) instead of on mouseover
                    jt4novels Level 1

                    It says at the top that this question has been answered, but it has NOT been answered.