Foros del Web - Ver Mensaje Individual - Javascript para rotar imágenes con hipervínculos

Naahuel · #4 (**permalink**) 17/03/2011, 07:40

A mi me funciona a la perfección hombre. ¿Te fijaste de hacer los dos cambios que te dije?
Acá lo podés ver funcionando:

http://jsbin.com/ijoki4

Este es código del ejemplo:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
 
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
  <script>
    var cont = 0;
  var array_imagenes = [
    ["<a href='http://www.lossimpsons.com'><img border=0 src='http://4.bp.blogspot.com/_2R9QTEVhHfI/TL8ywnPjuGI/AAAAAAAAAuE/whHCzbNOCjo/s1600/888fb70c4jukgrm8a649e07f89e26a6_homer-j-simpson.png' /></a>"],
        ["<a href='http://www.fox.com/familyguy/'><img border=0 src='http://t2.gstatic.com/images?q=tbn:ANd9GcR8uT182YzeWvuKjkbI5iQ3_1YNTfOD5mJMrW7CAMoJnasSK81V&t=1' /></a>"]
    ]
  function cambia()
  {
    var d = document.getElementById("banner_rotativo");
    cont = cont % array_imagenes.length;
    d.innerHTML = array_imagenes[cont][0];
    cont++;
  }
  
  function inicio()
  {
    cambia();
    setInterval(cambia, 5000);
  }
 </script>
</head>
<body onload="inicio();">
  <div id="banner_rotativo"></div>
</body>
</html>

Las imagenes rotan y cada una con un link diferente.