BleepingComputer.com: fade images in and out w/ javascript

hey take a look at this website www.jefgc.com

they used flash to make the pictures come in and out like that, how would i go about doing it with javascript?
im pretty sure its an easy thing to do, but im trying to learn js on my own, so i havent been able to figure it out..

all help is very appreciated

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

thanks, how can i stagger them a bit? so 1 loads, 2 loads, 3 loads.

Do you mean side-by-side, so there are (for instance) 3 sets of images that are displayed?

yeah, i want the same effect as on the jefgc.com site, except using javascript rather than Flash.

When the page loads, use an onload function to fade in the images, taking the id of the div as a parameter. So something like this:

function initImage(elementId) {
  image = document.getElementById(elementId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

Then you would create a new function something like the following:

function fadeImage(){
  initImage(element1);
  initImage(element2);
  initImage(element3);
}

Then your onload function call becomes this:

window.onload = function() {fadeImage()}

Ive just done some fading for a contact form, take a look into jQuery, for example...

$(document).ready(function() {

// As the document becomes "ready", hide the image.
$("#myImage").hide();

// Now you want it to fade in from hidden.
$("#myImage").fadeIn("slow");

});

If that doesn't help here is a page on it.

Hope this helps, Wolfy87.