Foros del Web - Ver Mensaje Individual

Naahuel · #2 (**permalink**) 15/06/2011, 19:14

Acá tenés un ejemplo sencillo:

Tenés que editar la variable "tiempo" y el array de imágenes.

Código HTML:

Ver original<!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>