No se muestran las 2 primeras imagenes en Internet Explorer

[manumaf]

Hola a todos, tengo un script para mostrar imagenes dentro de un div que van cambiando cada 8 segundos, las rutas de las imagenes se cargan con php desde una base de datos, el problema es que en internet explorer no se muestran la segunda ni la cuarta y aveces no se muestran otras (las rutas estan bien)
Este es el codigo:

Código Javascript:

<script language="javascript">
 
//Con php
var imagenes=new Array()
 
imagenes[0]=new Image (380,288);
imagenes[0].src="http://www.acvvillamaria.com.ar/publicidades/2.jpg"
imagenes[1]=new Image (380,288);
imagenes[1].src="http://www.acvvillamaria.com.ar/publicidades/3.jpg"
imagenes[2]=new Image (380,288);
imagenes[2].src="http://www.acvvillamaria.com.ar/publicidades/4.jpg"
imagenes[3]=new Image (380,288);
imagenes[3].src="http://www.acvvillamaria.com.ar/publicidades/1.jpg"
imagenes[4]=new Image (380,288);
imagenes[4].src="http://www.acvvillamaria.com.ar/publicidades/6.jpg"
 
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
    {
    document.images.foto.src = imagenes[cont].src
    }
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',8000)
 //cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
 
</script>
 
<div id="publicidad"><img id="foto" src="" height="187" width="250"  style="filter:blendTrans(duration=3)">
 
</div>
 

[InKarC]

Eso es porque el adefesio de IE descarta la imagen del cache luego de que deja de existir en el escenario, teniendo que volverla a cargar cada vez que se cambia el SRC de la imagen.

Una solucion sencilla puede ser meter todas las imagenes en un div (en el body) con todas las imagenes.

Código HTML:

<div id='precarga'>
<img src='http://www.acvvillamaria.com.ar/publicidades/1.jpg' alt="">
<img src='http://www.acvvillamaria.com.ar/publicidades/2.jpg' alt="">
</div>
 

y en el CSS colocar algo asi

Código CSS:

#precarga {
width:1px;
height:1px;
overflow: hidden;
position:absolute;
left:0px;
top:-1px;
}