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.