Hola
A ver si alguien me puede echar una mano... Tengo un DIV con una tabla dentro. Algunos TDs de la tabla albergan imagenes con etiquetas <IMG>. Otro TD tiene una imagen de background porque quiero que se repita hasta llenar todo el TD. El código es algo así:
Código:
<div id="div1" style="display: none;">
<table>
<tr>
<td><img src="imagenes/inf-izq.gif"></td>
<td style="background-image: url('imagenes/inf.gif')"></td>
<td><img src="imagenes/inf-der.gif"></td>
</tr>
</table>
</div>
El DIV se hace visible e invisible según cambie su style ('none' o ''), el problema es que cada vez que cambio el style del DIV para que sea visible el explorer me pide la imagen imagenes/inf.gif al servidor. Es decir, las imagenes/inf-izq.gif y imagenes/inf-der.gif permanecen cacheadas y no se solicitan al servidor más que la primera vez, sin embargo la imagen del background se solicita cada vez
En firefox no me pasa. El explorer que estoy usando es el 6
¿Habría otra forma de forzar al explorer para que cogiera una imagen cacheada? He probado cosas como esto de abajo pero no me funciona:
Código:
<script type="text/javascript">
imagenInf2 = new Image();
imagenInf2.src = "imagenes/inf.gif";
document.getElementById('td_central').style.backgroundImage = imagenInf2;
// td_central es el id que le pongo al <TD> que tiene lo del background-image
</script>
Un saludo