Skip to main content
jamesr59117666
Participant
January 23, 2017
Answered

color image to black and white when clicked on- Captivate 9

  • January 23, 2017
  • 3 replies
  • 690 views

I'm tying to use a color image and once it rolled over or clicked it turns to black and white in Captivate 9.  The images would be on the same screen.

Thanks

    This topic has been closed for replies.
    Correct answer StevePixel

    HI James,

    If it is a photo  you could use an image and states, as Anastasium has suggested. Just copy and paste the photo into a new state, edit it and click Gray Scale in the edit box. That will leave you with a color one in State 1 and BW in State 2.  Place a clickbox over the colored one and change states to the BW on click. 

    I just did the exact same thing for a project I'm working on, It works really well.

    Cheers

    Steve

    3 replies

    Lilybiri
    Legend
    January 23, 2017

    If you are happy without the rollover state it works with multistate image. If you want the rollover state to change to black&white and clicking to have that B&W state to remain permanent, also when returning to the slide you need an image converted to a shape button as the first user replied. Moreover you'll have to add a custom 4th state, which is a duplicate of either the down or the rollover state, I will label that state 'Done'. The Success event of the shape button will then need to trigger an action that has or includes the command:

       Change state of ShapeButton to Done

    ​I prefer this scenario because you need only one object instead of two (image + click box).

    Do not forget to check the option 'Retain state' in both this and Steve's scenario! That will preserve the Done state when returning to the slide.

    Here are some links to posts that could help:

    1 action = 5 Toggle Buttons - Captivate blog     shows a 4th custom state in another use case

    Turn an Image into a Button - Captivate blog

    jamesr59117666
    Participant
    January 23, 2017

    Thank you that helps greatly!!

    Inspiring
    January 23, 2017

    I do that all the time Anastaisum

    Cheers

    Steve

    anastasiam
    Inspiring
    January 23, 2017

    Hello!  Are you sure it's actually an image?  My guess is it could be a smart shape using an image as a fill.  I'm going to answer as if that was the case.  If it's not, maybe you'd reply with more details or screenshots to help narrow down what's going on.

    Smart Shapes in Captivate 9 can act as buttons, and have 'states' (normal, rollover and down).  It could be that it's a smart shape with an image fill, and the rollover and down states have been set to be a different color than the 'normal'.

    Here's how to check.  Select the item.  Look in the upper right under Properties.  If it says 'SmartShape_somenumber', then you know it's a SmartShape.  If someone changed the name, another way to check is to look under the Fill area.  You can see in my screenshot below that you can see a (stretched out) version of the image on the screen.  That's the image fill the SmartShape is using.

    If it indeed is a SmartShape, you can click the 'State View' button and see the normal, rollover and down states. 

    Once you're in State view, that will tell you at a glance if the rollover and down states are set to be gray!  You could click on the Fill button to check how it's been edited.

    The below image is what you see when you click on the Fill button.  Click on the little blue pencil to see the color options.  Those options are where it could have been set to grayscale.

    Hope that helps!

    StevePixelCorrect answer
    Inspiring
    January 23, 2017

    HI James,

    If it is a photo  you could use an image and states, as Anastasium has suggested. Just copy and paste the photo into a new state, edit it and click Gray Scale in the edit box. That will leave you with a color one in State 1 and BW in State 2.  Place a clickbox over the colored one and change states to the BW on click. 

    I just did the exact same thing for a project I'm working on, It works really well.

    Cheers

    Steve

    anastasiam
    Inspiring
    January 23, 2017

    Oh!  I just realized that I mis-read the original question.  Yes, this solution could totally work for images.  Instead of a smart shape, you'd use an image with states in combination with a clickbox so you could trigger the action to change the state, as you suggested.