Preload immagini

[kakashi]

Salve avrei intenzione di creare un preload al caricamento di ogni immagine, che viene passata per javascript, senza il ricaricamento della pagina..

quindi che so quando si preme avanti scompare l'img e comprare un'animazione per poi al termine del caricamento dell'img, escludere l'animazione e visualizzare l'img..
come posso farE?

Spero di essere stato chiaro

qui riporto il codice

<script language="Javascript">
<!--
var current = 0;
    function initArray()
    {
    this.length = initArray.arguments.length;
        for (var i = 0; i < this.length; i++)
            {
        this[i] = initArray.arguments[i];
        }
    }
    //lista img
picz = new initArray('page01.jpg',
'page02.jpg',
'page03.jpg',
'page04.jpg',
'page05.jpg',
'page06.jpg',);

document.write("<a href=\"javascript:void(0);\" onclick=\"checkIt(1);\"><img name=\"jscriptimg\" src=\""+picz[0]+"\" border=\"0\"></a>");
                                                
function checkIt(val)
    {
        var goodnum = current+val;
        if (goodnum < 0) alert("Non puoi andare indietro!");
        else if (goodnum > picz.length-1) alert("Non puoi andare avanti!");
        else document.jscriptimg.src = picz[goodnum];
        current = goodnum;
    }
//-->
</script>