How to Fadein new image and fadeout old image on a image using Jscript

Try jQuery,

You can query for objects in your page, for example $("img.first") matches all images with a class 'first'.

So if you have two images on your page :

<img src="/images/first.jpg" class="first" alt="First" />
<img src="/images/second.jpg" class="second" alt="Second" style="display: none;" />

Then use the following javascript to fade out the first, and fade in the second image. Notice I wrote this code to be executed as soon as the page is loaded :

$(document).ready(function ()) {
    $("img.first").fadeOut();
    $("img.second").fadeIn();
}

See the http://jquery.com/[^] website for more information.