Hover State Not Working Properly When Published in HTML5
Nov 20, 2017
When I publish my storyline 2 project in html5, some of my hover state objects are not working completely correctly. Specifically, I have a hover state for an object located on a layer that, when hovered, brings in a fade-in text box followed by a separate text box that flies in with a title over the first text box. So, when I mouse over the object the first time, both text boxes perform as desired. However, when I move my mouse off the object, and then return my mouse to the object ("re-hover"), the first text box fades in as expected, but the second text box (the title) does not appear at all (like it did on the initial hover).
I have tried setting the Slide Properties for "When revisiting..." to both "Reset to initial state" and "Automatically decide." Neither of these settings solved the problem. By the way, the hover state for this object works perfectly in the .swf version of this project, but not in the .html5 version. And my client can only use the html5 version.
Has anyone else experienced this issue and/or found a solution to it?
6 Replies
Hi there Paul!
I put together a quick sample file based on your description. Check out this link--does that look similar to your set up?
Let me know if you're seeing something different, and we'll take a closer look!
Hi Alyssa - Thank you so much for your help. I'm away from my office right now, so I may not have an opportunity to look at your sample file till I return. I will get back to you as soon as I can. Thanks again!!
-Paul
Sent from my iPhone
Hi Alyssa - Sorry for the delayed reply. Yes, your sample essentially recreates what I am trying to do. The problem I'm having is that when I publish (and view) my project in html5, the fly-in animation only works on the initial mouse hover. After the mouse leaves the hover object and then returns to it, the fade-in text works correctly, but the fly-in text will not appear subsequently.
-Paul
Hi there Paul! I'm glad my sample worked for you. It sounds like you may have set up your interaction differently than the way I set up the sample. Would you mind sharing your file with me so I can have a closer look?
Hi Alyssa - Because of the large file size and the proprietary content, I cannot share this file. I will keep experimenting with different mouse-over animations to see which ones will and will not work correctly in html5. If I find anything definitive, I will let you know so that it can be shared. Thanks again! -Paul
Sounds like a plan, Paul! If you do find anything, you know where to find us. 🙂
This discussion is closed. You can start a new discussion or contact Articulate Support.