Guardar imagen en caché

[ka13]

Quisiera saber como hacer para que al cargar la página se guarde una imagen en cache, lo que tengo es un mapa que al pasar el raton por encima cambia a otra imagen (el mismo mapa pero con puntos señalados), lo que pasa es que en la practica al pasar el raton por encima tarda unos segundos en cargar la nueva imagen y parece que no haga nada...

Gracias por vuestra ayuda.

[caricatos]

Hola ka13, bienvenido a los foros :

Con javascript es posible usar el objeto Image() para guardarlas en memoria, pero me parece que no es lo más efectivo... mi forma de resolver el roblema es tener las dos imágenes en la página, y solo mostrar una a la vez... Tal vez te sirva este enlace: Creación de áreas en imágenes... fíjate también en el ejemplo...

Saludos

[ka13]

Me interesaria de todas formas hacerlo con Javascript, si me puedes dar más detalles...

[caricatos]

Hola:

La única alternativa a javascript son los estilos, pero por algún navegador no te lo recomiendo...

La precarga básica es usando el objeto Image(), pero no est tan buen solución...

var imagen1 = new Image();
imagen1.src = "imagen1.gif";
var imagen2 = new Image();
imagen2.src = "imagen2.gif";

Y el uso es bastante parecido al que tienes:
<img src="imagen1.gif" onmouseover="this.src = imagen2.src" onmouseout="this.src = imagen1.src" />

Pero aún habiendo realizado la precarga, no siempre funciona... tal vez por el manejo de caché de los sistemas operativos, porque la parte teórica es correcta 8se trata de mi opinión)

Ahora, sin dejar de ocuparnos de javascript, te muestro una sustitución que realmente funciona... se trata de tener 2 imagenes, pero solo mostrar una...

<img src="imagen1.gif" onmouseover="this.style.display = 'none'; this.nextSibling.style.display = 'inline'" /><img src="imagen2.gif" style="display: none" onmouseout="this.style.display = 'none'; this.previousSibling.style.display = 'inline'" />

Debes tener cuidado de que ambas etiquetas img sean contiguas (que no halla ni un espacio en blanco)

Pruébalo y nos cuentas.

Saludos

[ka13]

Muchas gracias por los codigos, funcionan perfectamente los dos, pero el segundo parece más correcto, así que he dejado ese...