Bueno, lo dicho, el truco es salchichero pero debería funcionar
El script:
Código:
<script language="JavaScript">
var imagenes = new Array()
imagenes[0] = 'palomita.jpg'
imagenes[1] = 'perro.jpg'
function escribe(){
document.write('<div id="capa" style="position:absolute;visibility:hidden;height:2;width:2;overflow:hidden">')
for(m=0;m<imagenes.length;m++){
document.write('<img src="' + imagenes[m] + '" onload="cambia(' + m + ',this.src)">')
}
document.write('</div>')
}
function cambia(cual,que){
eval("document.ima" + cual + ".src='" + que + "'")
}
</script>
ok, las imágenes de baja resolución las insertas como imágenes normales y corrientes y le das un name y un id que sea
ima más el mismo número de posición de la imagen correspondiente de alta resolución.
Fíjate que al principio del script hay un array de nombre
imagenes que lleva en la posición 0 palomita.jpg y en la posición 1 perro.jpg.
Pues habrías de insertar en html ambas imágenes en su versión de baja resolución con el nombre e id como ima más la posición de la buena
ejemplo:
<img src = "palomitaBajaResolución.jpg"
id="ima0" name="ima0" width="300" height="200">
<img src= "perroDeBajaResolucion.jpg"
id="ima1" name="ima1" width="300" height="200">
Y detrás de las imágenes añades....
<script language="JavaScript">escribe()</script>
A ver si te sirve