Carregar imagem para botão?

[tesla 0]

galera, fiz uns botões em js, mas em computadores com net de 300k para baixo, qd a pessoa passa o mouse sobre o botão, a imagem ainda carrega, mas qd clica a imagem q devia aparecer do botão pressionado não carrega,

 

então queria saber como se carrega uma imagem sem exibir ela?

[ReAdShOtErS 0]

Tenta um preload

[tesla 0]

<script language="JavaScript">

<!-- Begin

image1 = new Image();

image1.src = "imagens/layout/menu/botao_press/01.png";

image2 = new Image();

image2.src = "imagens/layout/menu/botao_press/02.png";

image3 = new Image();

image3.src = "imagens/layout/menu/botao_press/03.png";

image4 = new Image();

image4.src = "imagens/layout/menu/botao_press/04.png";

image5 = new Image();

image5.src = "imagens/layout/menu/botao_press/05.png";

image6 = new Image();

image6.src = "imagens/layout/menu/botao_press/06.png";

image7 = new Image();

image7.src = "imagens/layout/menu/botao_press/07.png";

 

imagesb1 = new Image();

imagesb1.src = "imagens/layout/menu/botao_sob/01.png";

imagesb2 = new Image();

imagesb2.src = "imagens/layout/menu/botao_sob/02.png";

imagesb3 = new Image();

imagesb3.src = "imagens/layout/menu/botao_sob/03.png";

imagesb4 = new Image();

imagesb4.src = "imagens/layout/menu/botao_sob/04.png";

imagesb5 = new Image();

imagesb5.src = "imagens/layout/menu/botao_sob/05.png";

imagesb6 = new Image();

imagesb6.src = "imagens/layout/menu/botao_sob/06.png";

imagesb7 = new Image();

imagesb7.src = "imagens/layout/menu/botao_sob/07.png";

// End --></script>

fiz isso, tah certo?