Custom navigation button
Jan 15, 2022
By
Progi .com
Good day, I'm designing a custom interface and rather that using a free form to create a custom navigation button (previous, pause,play,back) I'm using an image.
But the option ''change state' won't work, even try to group two free form with my images to create almost the same as my original image ( free form rectangle)
I need to have a rollover action like in other web design tools (dreamweaver, etc ..) Is it possible without adding a javascript patch ?
4 Replies
if your image has a hover state and you replace the image it should swap with no triggers reqiured
Ok myt Storyline is ine French can you just show me how to replace the Image ? I just try it with the two same image :
Hi I'm creating a navigation bar with previous, pause, play and next. I wantr to have a hover imgae like a rollover effect like in most HTML editor.
I use the change state with my 2 images (see attached) one for actual previous and the one when the mouse is over.
In the trigger I choose for the hover image : Hidden when the timeline beggin and Normal when the mouse is over. The hover image is on the top of the actual previous image.
Should this work ? Is there another way to do this ? I try with Storyline forms and its work directly in the states I change (hover, normal).
Hi, Progi.
Thank you for reaching out!
As Phil mentioned, you don't need to create triggers for the hovers, as you can use the built-in states.
If you click on your arrow on the timeline, then go to States, you should be able to create a new state for the Hover:
Let me know if you have additional questions!