Image Fade Using Timer

[Sacred_Totems]

I can get a color filled rectangle to fade using a timer using this below.

Fill = RGBA(6, 43, 87, 1- 'Fade In Logo'.Value /'Fade In Logo'.Duration)

This results in a rectangle over the logo fading completely to expose the logo.

But I am hoping to use the logo's Transparency as shown in the image to use the timer instead, so I can fade the logo onto the page instead of fading out a rectangle above it.

[WarrenBelz]

@iAm_ManCat  - found it now - on the Image.

This was a new one on me as I have never bothered with this before and saw it as a bit of a challenge.

The same theory on the rectangle cover (which was the first question) works on the image to fade out/in.

[Sacred_Totems]

@iAm_ManCat  @WarrenBelz 

This worked today in the Image Transparency.  It was 1:00 am last night when I was trying to solve it.

// Fade Out
0 + (Timer1.Value/Timer1.Duration)

// Fade In
1 - (Timer1.Value/Timer1.Duration)

I may of caused the error by copy & pasting from my notepad. Expecting it would auto connect in the right way, but saw today that it was not working till I manually typed it all in.   Thank you both for your persistence on this one.

[WarrenBelz]

@Sacred_Totems ,

You can accept more than one solution here - I spent quite a bit of time on that model trying to help you (and responded first).

I have also improved it as below with all three images fading in and out all in the one Image control.

Here is the code for the Image control - Transparency

Switch(
    vTimer,
    "Start1",
    If(
        FadeT_1.Value > 1500,
        FadeT_1.Value / 3000,
        1 - FadeT_1.Value / 3000
    ),
    "Start2",
    If(
        FadeT_2.Value > 1500,
        FadeT_2.Value / 3000,
        1 - FadeT_2.Value / 3000
    ),
    "Start3",
    If(
        FadeT_3.Value > 1500,
        FadeT_3.Value / 3000,
        1 - FadeT_3.Value / 3000
    )
)

Image property

Switch(
    vTimer,
    "Start1",
    Scene1,
    "Start2",
    Scene2,
    "Start3",
    Scene3
)

The Duration of the timers are set to 3000 (3 seconds) with the other code
OnVisible of the screen

UpdateContext({vTimer:Blank()})UpdateContext({vTimer:"Start1"})

Start on Timer1 

vTimer="Timer1"

Timer1 OnTimerEnd

UpdateContext({vTimer:"Start2"})

Start on Timer2

vTimer="Start2"

Timer2 OnTimerEnd

UpdateContext({vTimer:"Start3"})

Start on Timer3 

vTimer="Start3"

Timer3 OnTimerEnd

UpdateContext({vTimer:Blank()})

This all should work for you as per your original request. You also have another post to close.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

[Sacred_Totems]

@WarrenBelz 

I never edited my original question, so you can see it still.  I already had solved how to make rectangles fade, and had originally stated so.  This post's problem was exclusively Transparency of an image, not an icon. 

From Original:  "The I am hoping to use the logo's Transparency as shown in the image to use the timer instead, so I can fade the logo onto the page instead of fading out a rectangle above it."

I went back and accepted the first time the answer was posted up.  The multi-timer post was kept separate form this since it's a separate question.  I have not closed it because I am literally trying to recreate your solution. Once I can recreate it, I will accept it.  In the future if I leave a post open, it's because I have not successfully recreated the solution yet.  But I will always close them as soon as I am able.

[Sacred_Totems]

We should move this post to the other thread.  I am trying right now to get this to work.  Once I figure out what I am missing on my side I will accept all the solutions on that thread that solved the multi-timer challenges.  

I think I need to start from scratch again, and see what happens though,  because for some reason I can't get past the first timer yet.

[Sacred_Totems]

Start on Timer1 

vTimer="Timer1"

Do you mean for this to be Start1 instead?

vTimer="Start1"

[WarrenBelz]

@Sacred_Totems ,

Sorry yes - mistype. 

I have just updated the other thread with code the should work. If you had not worked it out already, the FadeT_x are my Timer names.