Hola tengo el siguiente array
En el <head> tengo el siguiente script
Código:
<!-- Rotacion de cuatro imagenes tiempo 4 segundos de transicion -->
<script>
//creo array de imágenes
array_imagen = new Array(4)
array_imagen[0] = new Image(180,45)
array_imagen[0].src = "1.jpg"
array_imagen[1] = new Image(180,45)
array_imagen[1].src = "2.jpg"
array_imagen[2] = new Image(180,45)
array_imagen[2].src = "3.jpg"
array_imagen[3] = new Image(180,45)
array_imagen[3].src = "4.jpg"
//creo el array de URLs
array_url = new Array(4)
array_url[0] = "ones.html"
array_url[1] = "dcivil.html"
array_url[2] = "salida.html"
array_url[3] = "civil.html"
//variable para llevar la cuenta de la imagen siguiente
contador = 0
//función para rotar el banner
function alternar_imagen(){
window.document["funcionimagen"].src = array_imagen[contador].src
window.document.links[0].href = array_url[contador]
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_imagen()",4000)
}
</script>
y en el <body> tengo el siguiente codigo
Código:
<body onload="alternar_imagen()">
<a href="" ><img src="melacion.jpg" name="funcionimagen" alt="cambio de imagen"></a>
codigo css
Código:
.desvanecer{
position:relative;
height:45px;
margin:0px;
width:180px;
}
.desvanecer img{
opacity:1.0;
left: 0px;
position:absolute;
top: 0px;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 180px;
height: 45px;
background: transparent;
padding: 5px;
border: solid 1px gray;
border-radius:5px;
}
Con este array intento:
1.- Que pasen cuatro fotos cada cuatro segundos
2.- Que a cada fotografia que pase se le asigne un enlace previo del segundo array es decir el "array_url"
3.- Que las fotografias tengan algo de opacidad a iniciarse
Problemas que me surgen:
1.- Si valido la pagina el codigo html me indica que
Código HTML:
name="funcionimagen"
no es valido y que debo cambiarlo por id="funcionimagen", con id no me rotan las imagenes.
2.- Los enlaces del array_url que le asigno a cada imagen no funcionan o se confunden con otros enlaces de la pagina o no funcionan.
3.- No funcionan la opacidad de las fotografias.
Ruego algo de ayuda se me han acabado las ideas