Button with two different graphics

Hi

How do I create a button based on two different png - meaning that it changes from the one png to the other when mouse over and clicked?

I am sure it's dead simple like most in Hype - please no coding!

Thanks!
/Kenneth

What you want is a hover effect, use timelines to create a button rollover.

Name a new timeline something like "ROLLOVER" use the Actions to continue timeline you created, on mouse over play the timeline and on mouse out continue in reverse

See example
rollover.zip (46.1 KB)

2 Likes

If you want any animation coming from timelines during the state change, then @petester's answer is the way to go.

If you just need an instantaneous change, then you can:

  1. Select the image
  2. Choose 'Edit > Show Button Controls'
  3. Click the Hover segment over the element, then in the Element Inspector click "Choose…" in the image area and choose a different image
  4. Repeat step 3 for the Pressed state
1 Like

Thanks Guys!

Jonathan's approach was all I needed. All good. Again, Thank You both of you for taking the time!

Best Regards/Kenneth

1 Like