¿Como puedo hacer que la imagen de fondo de un div cambie cada cierto tiempo?

  • 1 Respuestas
  • 2118 Vistas
*

gerrard

  • **
  • 83
  • +4/-0
  • ISC
    • Ver Perfil
Hola a todos!

Como puedo hacer que en un div que tengo ponerle una imagen y que esta cambie suavemente a otra que tengo en html o css?

Gracias

 :)



*

Jonathan

  • *****
  • 127
  • +156/-0
  • Don't work hard, work intelligent
    • Ver Perfil
    • Ingeniero en Sistemas Computacionales
Hola Gerrard,

Puedes hacer esto:

Prueba con el siguiente codigo y me cuentas que tal te funciona..
Código: [Seleccionar]
<script>
var rotate = false;
function setbackground(){
  window.setTimeout( "setbackground()", 3000);
  newImage = rotate ? "url('ImagenesSitio/01800_back2.jpg')" : "url('ImagenesSitio/01800_back1.jpg')";
  rotate = !rotate;
  document.getElementById('background_01800_banner').style.backgroundImage = newImage;
}
setbackground();
</script>
<div style="display:block;width:200px;height:200px;margin-bottom:30px;">
<span style="position:relative;top:192px;color:#fff;"><div id="background_01800_banner" style="width:200px;height:30px;background:url('ImagenesSitio/01800_back1.jpg');background-size:200px 30px;transition: background-image 1s ease;"></div></span>

Suerte!