"dire"., pero a traves de un onmouseover o algo parecido ya que llamo a las funciones por onmouse over.
Código HTML:
script type="text/javascript"> var segundos = 1 //cada cuantos segundos cambia la imagen var dire = "foto" //directorio o ruta donde están las imágenes var imagenes=new Array() imagenes[0]="3.jpg" imagenes[1]="2.jpg" var preImagenes = new Array() for (pre = 0; pre < imagenes.length; pre++){ preImagenes[pre] = new Image() preImagenes[pre].src = dire + imagenes[pre] } cont=0 function presImagen(){ document.foto.src= dire + imagenes[cont] subeOpacidad() if (cont < imagenes.length-1) {cont ++} else {cont=0} tiempo=window.setTimeout('bajaOpacidad()',segundos*1000) } var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false; var fi = iex?'filters.alpha.opacity':'style.MozOpacity' var opa = iex ? 100 : 1; function bajaOpacidad(){ opa = 0 cambia() presImagen() } function subeOpacidad(){ opaci = iex?100:1; if(opa <= opaci){ cambia() opa += iex?10: 0.1; var opac opac = setTimeout('subeOpacidad()',10) } } function cambia(){ eval('document.foto.' + fi + ' = opa') } var tiempo function inicio(<? echo "$array[$i][IMG]" ?>){ alert(<? echo "$array[$i][IMG]" ?>); tiempo bajaOpacidad() } function final(){ clearTimeout(tiempo) document.foto.src="1.jpg" cont = 0 } </script>
Código HTML:
<img src="<? echo $array[$i][IMG]."1.jpg" ?>" name="<? echo "foto".$array[$i][ID] ?>" id="<? echo "foto".$array[$i][ID] ?>" onmouseover="inicio()" onmouseout="final()">