Image swapping

JEg har bikset et par funktioner sammen, der skulle foretage et såkaldr \"preload\" af nogle billeder, så man kan skifte dem øjeblikkeligt på en onMouseOver event:

    function preLoad()
    {
        var billeder = new Array(\'images/lalle.gif\',billede1.gif\',\'billede2.gif\');
       
        for(i = 0; i < billeder.length; i++)
        {
              var billede = new Image();
            billede.src = billeder[i];
        }
    }
       
    function shiftImage(filename)
    {
        shifting01.src = filename;
    }

På denne måde skulle billederne ligge sig i browseren cache, og man burde kunne lave noget ala: <A HREF=\"noget\" OnMouseOver=\"shiftImage(\'billede2.gif\')\" OnMouseOut=\"shiftImage(\'images/lalle.gif\')\"><IMG SRC=\"billede1.gif\" NAME=\"shifting01\"></A>


Problemet er, at den efter man har kørt musen henover en eller to gange, begynbder den at hente billederne fra websereren en gang mere. og igen hver 2, - 3. gang.

Se evt på http://www.euroceanique.com/new - der skulle fejlen fremgå (og koden kan ses)

(Måske oplever man det ikke på en 2mbit forbindelse ;o))

PS: Et hurtigt svar kunne være lækkert, men jeg ved godt, at problemet måske ikke liger er til at gennemskue/løse på 2 min