El codigo html lo entiendo perfectamente
Código:
<a href="" id="imglink"><img src="melacion.jpg" id="funcionimagen" alt="cambio de imagen"></a>
pero con el codigo javasscript
no se si te refieres a esto si es asi no funciona, solo aparece una imagen con su enlace correspondiente. No cambia cada cuatro segundos
Código:
<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] = "iones.html"
array_url[1] = "acivil.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(){
var img = document.getElementById("funcionimagen");
img.src = "1.jpg";
var link = document.getElementById("imglink");
link.href = "civil.html";
var img = document.getElementById("funcionimagen");
img.src = "2.jpg";
var link = document.getElementById("imglink");
link.href = "salida.html";
var img = document.getElementById("funcionimagen");
img.src = "3.jpg";
var link = document.getElementById("imglink");
link.href = "frecivil.html";
var img = document.getElementById("funcionimagen");
img.src = "4.jpg";
var link = document.getElementById("imglink");
link.href = "aasalida.html";
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>