Normal, Hover and Selected States

Jan 23, 2013

Hi there,

I'm having a little difficulty with changing an image. I think I know what the problem is but trying to work out the solution.

I have three images with 3 triggers attached to them. First they all start without colour (normal state). I have made them change to colour when the image is hovered over but then I would like them to stay 'selected' (coloured in) after they have been clicked to show the user that they have visited this image with text appearing. However, it will not stay selected, I think this is because I also have the hover trigger attached to it.

Is there a way of stopping the hover trigger after the image has been clicked? Or would the best way be to copy and paste the image on top of this but only make it appear once it has been clicked?

Any suggestions?

Thanks!

Vicky 

5 Replies
Andrew Knowles

Hi Vicky

Yea it seems the selected state is a bit messed up - when you rollover it goes hover then back to normal forgetting all about selected or not.

What you can do is set up a variable, probably a true/false one something like image1Clicked - start it false then make it true when the image is clicked. What you then need to do is have two timeline actions - change image1 if the variable is true (when the timeline starts) and one trigger to change the image1 to selected state if/when the variable changes - these two triggers should deal with clicking the image and then navigating back to the page later.

You will still get the hover state but it should go back to selected rather than normal.

Vicky Johnson

Hi both,

Thanks for the advice.

Donna, The "visited" state doesn't seem to work either :-( I think it is just getting confused that there is a hover state as well.

Andrew, I'm not sure how to make it a variable. Very new to all this! I'm normally the person that makes presentations or filming the videos, don't ever touch the actual course!

Vicky

Steve Andrews

Hi Vicki.

When I tried this with one of the built in buttons it seemed to work ok - the Selected state is retained - even if you move away from the page and return to it.

It only seems to be a problem if you use images, because only the visited state is retained. I got roudn this by making the Visited and Selected states the same - see attached file.

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