Array automatico de imagenes problema de sintaxis

paraelquim · #1 (**permalink**) 21/06/2011, 02:50

Hola

estoy intentando crear una rotacion de imagenes con retardo y he variado un
script que encontré para que la carga del array sea automática pero me falla una linea, la que pone array_imagen[posicionArray].src = posicionArray.toString()+'.jpg'. Creo que va entre comillas y lo he probado con las comillas y nada.

<html>
<head>
<title>Rotación de banners con Javascript</title>
<script>
//creo array de imágenes automático
array_imagen = new Array(4)
var posicionArray
for (posicionArray=0;posicionArray<=3;posicionArray++) {
array_imagen[posicionArray].src = posicionArray.toString()+'.jpg'
}

//variable para llevar la cuenta de la imagen siguiente
contador = 0

//función para rotar el banner
contador = 0

//función para rotar el banner
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_banner()",1000)
} </script>

</head>

<body onload="alternar_banner()">

<img src="0.jpg" name="banner" width=120 height=41 border=0></a>

</body>
</html>

Muchas gracias por vuestros aportes, se que es un script fácil pero estoy aprendiendo poco a poco y con los fallos que cometo voy aprendiendo.

ceSharp · #2 (**permalink**) 21/06/2011, 04:10

hola,
De momento te falla por dos motivos.
Uno--> array_imagen es un vector (o un array, como quieras), y los vectores no tienen la propiedad src. Solo los objetos imagen tienen la propiedad src (no sé si habrá otro objeto que tenga dicha propiedad, pero donde se usa es en imágenes), por tanto no te va a funcionar.

Dos--> esas líneas de código javascript se están ejecutando antes de cargar nada, por tanto no encuentran tu imagen que tienes en la parte de html
<img src="0.jpg" name="banner" width=120 height=41 border=0>
por lo tanto te va a fallar en ese caso también.
yo he probado ha meter esas líneas de código suelto dentro de una función, y llamarla desde tu función alternar_banner(), y pasa el corte si no le asignas la propiedad src a un array.

prueba con eso. luego te va dar más fallos, pero bueno, intenta resolverlos tú, que así aprenderas. si no por aquí estaremos...

saludos

ceSharp · #3 (**permalink**) 21/06/2011, 04:12

otra cosa...

un objeto <img....> se cierra con /> al final, no con </a> com tú lo tienes. (los <a> se cierran con </a>)
resumiendo, que pongas:
<img src="0.jpg" name="banner" width=120 height=41 border=0 />
y quita el cierre </a>