*

gerrard

  • **
  • contador 76
  • mas karma +1/-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

 :)
Por favor, apoya esta pregunta en redes sociales


Conecta con tu cuenta para responder


*

Jonathan

  • *****
  • contador 102
  • mas karma +152/-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!

 

Post relacionados

  Asunto / Iniciado por Respuestas Último mensaje
tema url tema 1 Respuestas
855 Vistas
Último mensaje Mayo 05, 2016, 03:24:49 pm
por Jonathan
tema url tema 2 Respuestas
374 Vistas
Último mensaje Septiembre 13, 2016, 10:20:40 pm
por gerrard melgoza
tema url tema 1 Respuestas
263 Vistas
Último mensaje Noviembre 19, 2016, 10:30:23 am
por Jonathan