How to make a graphic perform a slow reveal in XWDP9

[TDolce]

I was wondering if it was possible to make a graphic image reveal itself upon the opening of the page in XWD9P? Obviously it can be performed in my version 11 with the reveal option being selected in the web properties for the image but that version is HORRIBLE! I refuse to use it since it comes with nothing but heartaches and headaches. SO... since I'm stuck with my good old stable version 9 Premium, is there a workaround that will let me add a reveal function to an image?

Please do not ask me about Version 11 as that would have to be a subject for another time. It (in my opinion) is the lousiest version Xara has ever released.

[gwpriester]

Possibly as a GIF or Flash animation. But Gifs keep repeating I think, and browsers do not automatically play Flash.

[TDolce]

I may just leave it as static because the animated gif would not allow for that graphic to become a link as I would need it to be.

Thanks

[Egg Bramhill]

I'd go with Gary's suggestion, using an animated gif. The first frame would be blank. The display time for this frame would match the delay time you require. Then it would load the second frame which loads your graphic. You can set the display time to 3600 seconds (1 hour) so effectively it wouldn't loop. You can add frames between the first & second frames to animate as in the attached to decrease the transparency.

[TDolce]

I'd go with Gary's suggestion, using an animated gif. The first frame would be blank. The display time for this frame would match the delay time you require. Then it would load the second frame which loads your graphic. You can set the display time to 3600 seconds (1 hour) so effectively it wouldn't loop. You can add frames between the first & second frames to animate as in the attached to decrease the transparency.

You both are always very helpful and insightful. Thanks very much for the suggestions. (thanks for the file)

[Acorn]

Built in XDP365X but not using Xara's built-in effects.

The trick is a Name and some Page Head code.

CSS3 - FadeIn TalkGraphics.xar

Acorn

[Egg Bramhill]

That's a far better solution Acorn and also removes the 256 colour restriction of a gif

You can also get it to hide another object behind it as it fades in above.

[TDolce]

Built in XDP365X but not using Xara's built-in effects.

The trick is a Name and some Page Head code.

CSS3 - FadeIn TalkGraphics.xar

Acorn

WOW...so it's in the head code!

I will try that.

Now we're cooking with grease!

Oops yes,..and I need to add that name as well.

Thanks!

[TDolce]

OK,...I tried this and it works flawlessly in Chrome...and it does work well in FFOX...but I cannot get it to work in IE. I'm using IE 11. I even went into the html code head section and added "< 13.1" in the code next to IE's.

So it looks like this: -ms-animation: fadein 8s; /* Internet Explorer < 13.1 */

Had no effect.

td

[Acorn]

OK,...I tried this and it works flawlessly in Chrome...and it does work well in FFOX...but I cannot get it to work in IE. I'm using IE 11. I even went into the html code head section and added "< 13.1" in the code next to IE's.

So it looks like this: -ms-animation: fadein 8s; /* Internet Explorer < 13.1 */

Had no effect.

td

td, it works in my IE 11.0.47 as in all my other browsers.

The detail between /* ... */ are just CSS Comments so do not do anything.
Check you have not deleted a closing comment handle (*/) as this will impact the next line of CSS.

Acorn