Toggle Buttons for multiple images

[Guest]

I just watched a video from lilybiri about standard and simple actions and then followed into her blog for the text caption toggle buttons.

Now reading through that, there was if statements suggesting you can toggle between the values of 1 and 0 to make visible/invisible. Can this be done with more than 2 images? I am more interested in having a toggle feature where I can have 3 or 4 images and toggle the images to see changes in detail within those images. It seems like it has to be possible, but I'm not getting it.

Also, is there a way that if you have a toggle button, or two perhaps, that you can have the button be displayed as if it was pushed? I know how to make buttons, I'm just wondering if there is a feature to display the button as the _down version until I re-select it, or toggle it off as it were.

Thank you!

[Lilybiri]

As you can see, I'm Lilybiri. Which version are you using? My video was created with buttons, but if you are using CP6 you can also use shape buttons, and they really look like they are pressed when you click on them.

For your multiple images question, could you tell more in detail what you want? How many buttons, how many images, what has to happen to the other images if you want to show one image etc...

With normal buttons keeping a 'pressed' state' is not possible, or you should have to cover it up (by advanced action) with the image you used for the down state. Same with shape buttons.

Lilybiri

[Guest]

Hi Lilybiri!

I am using Captivate 5.5. 

The ideal is to have 3 images (exact dimensions and location).  Each image is just a different version of the other. 

There would be 3 Toggle buttons that can be clicked and unclicked to display their associated image. 

Whichever toggle button (linked to a specific image) is on, that image becomes displayed (the other two are not visible) and the toggle button in question is shown in such a fashion that it looks different than the other two toggle buttons.  

So, in regards to the button, if the advanced option could first toggle on the image and then second, also place the _down version on top, that could work right?

[Lilybiri]

You will need a conditional action, perhaps use a variable for each button that will be set to 1 if the button is pushed and to 0 if it is free.

Didn't check it out but action will be something like this:

IF v_bt1 is equal to 0

    Assign v_bt1 with 1

    Show im_down1        which is the image of the down-state

    Show Image1             which is the image you want to show

    Hide Image2

    Hide Image3

ELSE

   Assign v_bt1 with 0

   Hide im_down1

   Hide Image1

You'll have to test, it is too late over here for me to do some testing. I added the hiding of the two other images, because if the user doesn't toggle the buttons for those images to hide them, I think you want to hide them automatically. Perhaps better also hide their correspondent down-states? Be sure to have the image of the down-state on top of the button in the timeline panel.

And if you ever want to return to the slide, have an on Enter Slide action that hides all the down and real images.

Lilybiri

[Guest]

Thanks Lilybiri.  This actually worked out quite nicely. 

I also came up with a "for the time being" type of solution for my problem of showing which box is checked.  I put a rectangle behind my button graphic so that really only the outline shows.  I added this to the Hide/show variables and it seems to do the trick.