Precargar Imagenes desde Image

Rafael
17 de Octubre del 2008
Estoy desarrollando una web que tiene que funcionar en un entorno sin cache, y tengo el problema de que cierta imagen se repite bastantes veces a lo largo del documento web.

Al no existir cache, no me vale hace una precarga y luego gastar el mismo src con normalidad. Se podria crear un objeto imagen y luego utilizar este para alimentar las distintas <img...> del documento sin que se vuelva a descargar la misma imagen por la falta de cache??

Gracias

JoKiE
17 de Octubre del 2008
Un ejemplo muy sencillo es el que tiene a continuacion en el html que te paso.

-----------------------------------------
<html>
<head>
<script type="text/javascript">

/* FUNCIÓN QUE SE CARGA EN EL ONLOAD DEL BODY y que rellena el src del img imagen_aCambiar*/
function init(){

document.getElementById('imagen_aCambiar').src = "Dibujo1.jpg";
}

function cambiaImagen(){
document.getElementById('imagen_aCambiar').src = "Dibujo2.jpg";
}
</script>
</head>

<body onLoad="init();">

<p><img id="imagen_aCambiar" name="imagen_aCambiar" src=""></p>
<p><input type="button" onClick="cambiaImagen();" value="Cambiar la imagen"></p>

</body>
</html>
---------------------------

Pruébalo.