Simple fading image

Hi,
Anyone point me in the way of a simple "fade in" image script - just want my customers logo to fade into a web page and then stay there. Struggling to find one that a numpty like me can understand and install.
All help much appreciated
Dickie

 

not sure what you want to use to do this...

but here is a simple javascript function for img fade in

http://clagnut.com/sandbox/imagefades/

 

<div id="imagesWrapper">
<div class="imageWrapper"><img src="images/1.jpg"/></div>
<div class="imageWrapper"><img src="images/2.jpg"/></div>
<div class="imageWrapper"><img src="images/3.jpg"/></div>
</div>
Hope someone can point me in the right direction

 

Could you not use Flash to do something like this quite simply? Otherwise I'm sure there would be a good JavaScript option out there.

 

Open flash, import your image on stage, resize the stage to your image size, convert your image to a movieclip, and give it an instance name of "image". Create a new layer, and paste this:

import mx.transitions.Tween;
import mx.transitions.easing.*;
var fade:Tween = new Tween (image, "_alpha", Strong.easeOut,0, 100,1, true);

Hit ctrl+enter, you got yourself a fading logo swf

 

think the reason why your fading gets into disarray at a certain period in time is because your animation takes too long, making it overlap, for some reason, the animation next to it. add that to the fact that you did not set the link : 'cancel' option. so try adding the option like so..

this.Els.include(new Fx.Morph(item,{duration:5000, transitions:Fx.Transitions.Sine.easeOut, link:'cancel'}));}.bind(this));