Hover state with pictures

Oct 24, 2017

Hi

I'm trying to create a hover effect so that when a number option is hovered over the background image changes.

Number 1 works fine but when I hover over number 2, number 1 disappears, when I hover over number 3, numbers 1 and 2 disappear etc.

The hover effect is attached to the numbers only, but when the picture appears in the hover, the hover effect is then attached to the picture.

Any help would be greatly appreciated. I've attached a file so you can see what's going on then.

Thanks.

Kelly

8 Replies
Walt Hamilton

Number 1 works fine but when I hover over number 2, number 1 disappears, when I hover over number 3, numbers 1 and 2 disappear etc.

I haven't the time to look at the story, but it sounds like the background image that appears covers the numbers. Whichever one of these is on the top (of the timeline, or the z-level) when it changes state (like to hover) will still be on the top. If the new state is large enough, it will cover the ones below it.

Wendy Farmer

Hi Kelly

Walt's right - the background image is covering the numbers so...as a workaround

I duplicated your slide then created an object (picture) with 5 states that used the pictures from each state. I then set triggers to show the pictures when user hovers over the option numbers. I didn't update the hover state of the button and haven't added back the message but it may give you an idea.

Hope this helps.

 

This discussion is closed. You can start a new discussion or contact Articulate Support.