Ok, I think I am overthinking setting this up and need some advice. I have a slide with three images and text descriptions. All images start as hidden. The user clicks on the appropriate text and the corresponding image appears. I have successfully done that part.
What I want is when the click the next text to view a different image, I want the previous image to go back to hidden. I tried using a variable, but that didn't work - as I am not sure how to best use those.
I would probably use a shape such as rectangles for the descriptions. Then add selected states to the rectangles with your images on them. After, select all 3 rectangles and give them the same button set.
Using this technique, you won't have to create any triggers.
Here is a sample storyline 360 project for you to take a look at.
There are a few ways to accomplish this. I'll explain a couple of them and you let me know if they work for your particular application.
First, assuming right now you hide each image at timeline start, and have triggers that show each image when the appropriate button is clicked, you could add more triggers to hide them. If clicking button A shows image A, then you want to create a trigger so that clicking button A changes the state of image B to hidden, and another which makes it so that clicking button A will change the state of image C to hidden. You'll follow this same pattern for the rest of the buttons. If an object is already hidden, you shouldn't run into a problem if a trigger tries to hide it again.
Another option which accomplishes something similar (though not the same) but with a bit less work, would be to use the mouse over trigger. For each button/image, you'll create a trigger which changes the state of the image to normal when the mouse hovers over the button. What makes this a bit simpler (though not the same is it depends on a hover, not a click), is that you could tick the "restore on mouse leave" option, so that you don't need to create so many triggers for each button/image pair. It should be noted that in this case too, you'll want to use triggers to set the image states to hidden on timeline start.
You can see a video of the first example at the below link. Let me know if this is helpful or not.
I was using the select state. When the text is selected the appropriate image appears, but if you then click the next clickable text, the previous image wasn't going a way.
10 Replies
Hello Karyn,
I would probably use a shape such as rectangles for the descriptions. Then add selected states to the rectangles with your images on them. After, select all 3 rectangles and give them the same button set.
Using this technique, you won't have to create any triggers.
Here is a sample storyline 360 project for you to take a look at.
So you don't have any triggers? I am not sure how you set the status to change...
Hi Karyn,
There are a few ways to accomplish this. I'll explain a couple of them and you let me know if they work for your particular application.
First, assuming right now you hide each image at timeline start, and have triggers that show each image when the appropriate button is clicked, you could add more triggers to hide them. If clicking button A shows image A, then you want to create a trigger so that clicking button A changes the state of image B to hidden, and another which makes it so that clicking button A will change the state of image C to hidden. You'll follow this same pattern for the rest of the buttons. If an object is already hidden, you shouldn't run into a problem if a trigger tries to hide it again.
Another option which accomplishes something similar (though not the same) but with a bit less work, would be to use the mouse over trigger. For each button/image, you'll create a trigger which changes the state of the image to normal when the mouse hovers over the button. What makes this a bit simpler (though not the same is it depends on a hover, not a click), is that you could tick the "restore on mouse leave" option, so that you don't need to create so many triggers for each button/image pair. It should be noted that in this case too, you'll want to use triggers to set the image states to hidden on timeline start.
You can see a video of the first example at the below link. Let me know if this is helpful or not.
https://360.articulate.com/review/content/5f6b5f9b-09a7-4a53-8158-40e9923c32cf/review
-Billy H
Articulate handles the changes of default states automatically. So there are no need for triggers to change the states.
I would of gone with the selected state a nice elegant solution, you can also add an exit and entrance animation inside of the state.
I was using the select state. When the text is selected the appropriate image appears, but if you then click the next clickable text, the previous image wasn't going a way.
As Rusell said you need to create a button set. Select all of the objects you want this to happen on and right click and choose button set
Right click on your text descriptions and give them the same button set.
Here is a little video showing how I created it captured with Replay 360.
Russell - thank you so much! I wasn't grasping how to associate the image to the text/shape object.
I love this forum!!
Have a great day. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.