Es ist bei solchen "Effekten" sogar dringend zu empfehlen, die Grafik schon vorher im Hintergrund laden zu lassen, damit sie bei Bedarf auch wirklich da ist. Mit JavaScript macht man das so ungefähr auf die Art:
Ein Objekt für jede zu ladende Grafik kreieren: whatever = new Image(); // weiss nicht, ob man whatever als Image deklarieren sollte... Image whatever = ...
Und die Instanzvariable "src" (Quelle) dieses Objekts setzen - dann wird die Grafik geladen: whatever.src = "http://whereever/picture.gif";
Das Ganze soll ja beim Laden der Seite so früh wie möglich ausgeführt werden, darum schreibt man es besser *nicht* in eine Funktion, die per <body onLoad()> aufgerufen wird, sondern in ein <script> innerhalb des <head>.
Ein Beispiel, wo ich das verwende, findest Du unter der angegebenen URL.