Tady máš demo jak to funguje.
Oni tam střídají dva obrázky mezi sebou.
Je to ovládáno časovačem.
Ten na obrázek postupně "nasazuje" filtr a mění jeho parametr průhlednosti.
Protože obrázky jsou dva a jsou přes sebe, tak jeden je jako background a druhý na něm je jako "běžný".
Časovač postupně mění vzájemnou průhlednost inverzně, takže nakonec má jeden průhlednost 0% a druhý 100%.

// Jejich univerzální funkce, předpřipravena pro všechny známější browsery:
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

Na této stránce je taky docela zajímavé demo s grafikou, ale není napsáno tak, aby fungovalo jinde než v IE.

No a samozřejmě když se zobrazuje obrázek "třetí a čtvrtý", tak se změní jeho url.src .
Aby nedošlo ke konfliktu (například u pomalého typu připojení, nebo vypadnutí obrázku - nespolehlivý protokol/přetížený server), tak je tato fce spuštěna až po "onloadu" stránky.