Agregar enlaces a imágenes cambiantes

Vitesse92 · #1 (**permalink**) 14/07/2011, 13:44

Hola tengo este código sencillo que permite cambiar imágenes cada cierto tiempo, ahora si quisiera que esa imagen fuera un link hacia una pagina, me podrían mostrar de que manera puedo lograrlo?GRACIAS
aquí esta el código(sacado de este foro también).

Código:

<!DOCTYPE html>
<html>
<head>
<script>
function rotar_imagen(){
  var tiempo = 1000;//tiempo en milisegundos
  var arrImagenes = ['http://3.bp.blogspot.com/_bVS2bdfO4As/RkvjtoibTxI/AAAAAAAAAso/c1Y93BkfBrs/s320/01_HomerSimpson.gif','http://www.seeklogo.com/images/H/Homer_Butt_Homero_Trasero-logo-807B1B6A2E-seeklogo.com.gif', 'http://2.bp.blogspot.com/__UX7GOPM7wI/SeAOEWkWsWI/AAAAAAAAAWQ/0xaOwEIue_I/s200/Homer_Simpson.png'];
  
  _img = document.getElementById('rotativo');
  
  //cargar la 1er imagen
  _img.src = arrImagenes[0];
  var i=1;
  setInterval(function(){
    _img.src = arrImagenes[i];
    i = (i == arrImagenes.length-1)? 0 : (i+1);
  }, tiempo);
}
</script>
</head>
<body onload="rotar_imagen();">
  <img id="rotativo"  />
</body>
</html>

MARCASTELEON · #2 (**permalink**) 14/07/2011, 14:52

hola puedes agregar un evento click

Código Javascript:

Ver original_img.addEventListener( "click", function () {
window.location="http://direccionDeLaPagina" } , false);