Forum Discussion

Progicom's avatar
Progicom
Community Member
3 years ago

Custom navigation button

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 ?

  • if your image has a hover state and you replace the image it should swap with no triggers reqiured

    • Progicom's avatar
      Progicom
      Community Member

      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 : 

  • Progicom's avatar
    Progicom
    Community Member

    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:

    Windows 10 (1) 2022-01-18 at 9.21.27 AM

    Let me know if you have additional questions!