Rotador de imágenes
Una cosilla,
Es que he estado probando la función en un archivo aparte y no se porque no funciona.
El código del archivo html, es:
<script language="JavaScript" type="text/javascript" src="../../../../js/funciones.js"></script>
<script>
//creo array de imágenes
array_imagen = new Array(5)
array_imagen[0] = new Image
array_imagen[0].src = "../../imagenes/celtiberos/3.jpg"
array_imagen[1] = new Image
array_imagen[1].src = "../../imagenes/celtiberos/3_2.jpg"
array_imagen[2] = new Image
array_imagen[2].src = "../../imagenes/celtiberos/3_3.jpg"
array_imagen[3] = new Image
array_imagen[3].src = "../../imagenes/celtiberos/3_4.jpg"
array_imagen[4] = new Image
array_imagen[4].src = "../../imagenes/celtiberos/3_5.jpg"
array_desc=new Array (5)
array_desc[0]="Descripción1"
array_desc[1]="Descripción2"
array_desc[2]="Descripción3"
array_desc[3]="Descripción4"
array_desc[4]="Descripción5"
contador=0
</script>
</head>
<body background="../../imagenes/fondo.jpg" onload="javascript:alternar_banner()">
<div id="Layer2" style="position:absolute; left:30px; top:180px; width:360px; height:240px; z-index:2"><span class="letra"><img src="#" name="banner" width=350 height=229 border=1>
<div id="descrip"></div>
</span><br>
<span class="letra"></span></div>
el codigo del archivo JS es:
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
//window.document.links[0].href = array_url[contador]
window.document.getElementById('descrip').innerHTML = array_desc[contador];
contador ++;
contador = contador % array_imagen.length
setTimeout("alternar_banner()",1000)
if(contador == 3){contador = 0}
}
Muchas gracias
Es que he estado probando la función en un archivo aparte y no se porque no funciona.
El código del archivo html, es:
<script language="JavaScript" type="text/javascript" src="../../../../js/funciones.js"></script>
<script>
//creo array de imágenes
array_imagen = new Array(5)
array_imagen[0] = new Image
array_imagen[0].src = "../../imagenes/celtiberos/3.jpg"
array_imagen[1] = new Image
array_imagen[1].src = "../../imagenes/celtiberos/3_2.jpg"
array_imagen[2] = new Image
array_imagen[2].src = "../../imagenes/celtiberos/3_3.jpg"
array_imagen[3] = new Image
array_imagen[3].src = "../../imagenes/celtiberos/3_4.jpg"
array_imagen[4] = new Image
array_imagen[4].src = "../../imagenes/celtiberos/3_5.jpg"
array_desc=new Array (5)
array_desc[0]="Descripción1"
array_desc[1]="Descripción2"
array_desc[2]="Descripción3"
array_desc[3]="Descripción4"
array_desc[4]="Descripción5"
contador=0
</script>
</head>
<body background="../../imagenes/fondo.jpg" onload="javascript:alternar_banner()">
<div id="Layer2" style="position:absolute; left:30px; top:180px; width:360px; height:240px; z-index:2"><span class="letra"><img src="#" name="banner" width=350 height=229 border=1>
<div id="descrip"></div>
</span><br>
<span class="letra"></span></div>
el codigo del archivo JS es:
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
//window.document.links[0].href = array_url[contador]
window.document.getElementById('descrip').innerHTML = array_desc[contador];
contador ++;
contador = contador % array_imagen.length
setTimeout("alternar_banner()",1000)
if(contador == 3){contador = 0}
}
Muchas gracias
