Vejamos o exemplo.
<script language="JavaScript">
function cache() {
imagens = new Image();
/*
note que carrego 3 imagens abaixo para o cache
note também, que tenho que carrego cache() no body, para jogar as figuras no cache
*/
imagens.src='a.gif';
imagens.src='b.gif';
imagens.src='c.gif';
}
/*
abaixo criei uma função para mostrar a figura c.gif
*/
function mostra(){
document.images['figura'].src='b.gif';
}
</script>
<!-- aqui carrego as figuras para o cache //-->
<body onLoad="cache()">
<!-- abaixo está o alvo da função mostra() //-->
<img src="a.gif" id="figura">
<!-- abaixo ativo a função mostra //-->
<input type="button" value="mostra figura" onClick="mostra()">