Hover / mouse over tutorial wanted
May 22, 2013
I'm scratching my head trying to figure out how to set up triggers for mouse over effect to work properly. I have graphics and text and I'm able to set up hover over graphic to get text to appear properly but the intro text on my slide disappears and never comes back. I've tried different triggers and different states on the intro text box but can't get it to reappear. I'm not able to locate a screenr that shows how to set this up. Does anyone have an example you could send me or a link to a screenr that demonstrates. Thank you.
7 Replies
Hi there Gordon,
Quick question for you; Are you trying to use a hover state and a trigger for the hover effect?
You should be able to initiate the hover effect simply by using a state. If you add a trigger to initial the hover effect and you're using a "Hover" state, it could cause some trouble when you're trying to interact with the content.
If you still have trouble with his, are you able to share an example .STORY file? I'd be happy to take a look and see if I can give you some tips or suggestions.
Thanks!
Christine, Thanks I've attached the slide and appreciate your help. I am fairly new to Storyline and got this to work except the text "CVSA Inspectino Levels" disappears after any hover event and never returns. Not sure what I did wrong. Thanks again
Hi there Gordon!
I admit, it took me a minute to figure out when the text was disappearing. I see it now, though :)
I noticed you have a lot of state changes and triggers set up here, but I really think you can do this using a much easier method.
I hope you don't mind, but I removed all of the triggers to start from scratch and walk you through this.
First, I can see that you're showing the text for the sections on different layers. This is perfectly fine, I prefer layers - but I do want to mention you could also just keep this on the main layer and adjust the states. As a mater of fact, you could do all of this with just one text box.
Since you already have the content on the layers, though, I'm going to show you how you can use those.
We'll use the first item on the slide - "Level III". All you need to do is add a trigger similar to this one:
On that layer, Level III, hide the text on the main layer so it doesn't show when this layer is open. To do this, select the Level III layer and then find the Inspections Level text box in the timeline. Click on the "eye" to hide this content when this layer is open.
It should look like this:
Just repeat this process for all three of the layers you want to show when hovering.
I've gone ahead and made these changes to the file you shared. Take a look and see if that's closer to what you're wanting to do.
Thanks :)
Christine
OMG! It's simple and I get it now. Mine started out simple but the more frustrated I got the more complicated I made it. I can't thank you enough. This is what I love about the Articulate Community. People like you that jump in and time from their busy day to offer help when others get stuck. May I add you as a friend? Since Jeanette left :( I haven't found anyone knowledegable to help when I get stuck.
Hi Gordon!
I think we all do that, honestly :) Sometimes it just helps to get a fresh pair of eyes to take a look!
Certainly, I'll send a request your way. If you ever have any trouble, feel free to contact me.
Have a fantastic evening and good luck on the project!
Christine
Help. Please. I have been working on this project and the show layer when mouse is hovered over is just not working, really not sure why. It was working at first, but i needed to change something and its just not work at all now.
Can you help please.
Hi Gary and welcome to E-Learning Heroes! Would you be able to share your .story file here in the forums? If not, would you please submit it here.
This discussion is closed. You can start a new discussion or contact Articulate Support.