asp.net ajax AnimationExtender fade in image

[behindthepipe]

this is the ms ajax 1.0
recently I was using the animationExtender control with the updatePanel with an image control inside of it.

When the webpage loads up, it fades in an image.
It did fade in the image ok, however before it fades the image, it displayed the image first then does the fade in.
But, i dont want it to display the picture first then fade.
Id like it to just fade the picture.how do I fix it?

Also, how can I activate the animationExtender with a push of a button?

thanks.

 

[BabyJeffy]

Use CSS to hide the image initially (you can probably target it by the id of the container that wraps it). Depending on the browser, you would target the -moz-opacity, -khtml-opacity, filter or opacity properties.

You can achieve the animationExtender with a push of a button through the use of javascript. Here is an example of how you can associate some javascript to an anchor element:

<a href="javascript:startAnimation()">Start Animation</a>

When the link is clicked, it will attempt to run the startAnimation() function. You could then replace this with the function that is normally run to achieve the fade effect.

If you have specific questions regarding the first question - post in forum215
If you have specific questions regarding the second question - post in forum216

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094