Trouble with mouse hover over/off with html5 output
Dec 06, 2016
I'm working on a project that has a web object video on the slide and then a button, that when clicked shows a layer that has a list of "learn more" resource links. As long as the focus isn't shifted back to the video, the layer/links stay on top, but once the mouse moves back over the video, it jumps to the top layer and moves the links back. Which I'm aware the web objects do this, but it looks buggy.
To resolve this, I've set up a mouse over/out trigger that shows/hides the layer. This way, if they move the mouse off the layer and back to the video, it hides the layer, instead of just moving it to the back. The problem is that in the html5 output, the mouse over trigger is not functioning properly.
For functionality reference, here is a link to the Flash output that works: https://university.inin.com/Content/testing/PCummins/test/story.html
Here is a link to the html5 output: https://university.inin.com/Content/testing/PCummins/test/story_html5.html
Thanks in advance for any help.
5 Replies
Hi Pat, this method might work for you. Make the green box transparent. It is just a possible solution. Html5 UX is still different, but each problem was fixed. BTW great job on the video, how did you do it?
Thanks for your help, unfortunately the text still acts a little wonky on the html5 output: https://university.inin.com/Content/testing/PCummins/test2/story_html5.html
We use After Effects for that style of animations.
There's actually 2 buttons overlapped as I did not remove the original on the Master, so the text may not be all that wonky if you delete the Master. I was just throwing it together as a proof of concept, since I know I might need this too. Thanks for the After effects info. Nicely done!
I know this may not help, but it works great in SL360. Probably not what you want to hear unless you're upgrading. This is the product of the same file I uploaded above, only in a 360 published folder. Hope you find a solution if this isn't one. Best of luck.
Sorry, wonky wasn't a very good descriptor for what the text is doing. When I move the mouse over the links they disappear and reappear randomly, and the hyperlinks aren't working. I've tried it in IE, Firefox, and Chrome, all with the same result.
Not sure about upgrading to SL360 at this point. Again, thanks for you help.
This discussion is closed. You can start a new discussion or contact Articulate Support.