Hola, tengo el siguiente inconveniente: Tengo un
home
en un sitio web que tiene una imagen de fondo. Me gustaría que cada cierto ciclo de tiempo esta imagen cambie por otra. Lo que estoy probando es:
$(function(){
var imagen = document.getElementById("home");
console.log(imagen.style.backgroundImage)
// esta consola me dice que la estructura IF a continuacion, es verdadera y entra correctamente al ciclo.
if( imagen.style.backgroundImage == 'url("images/header-bg.jpg")' ) {
setTimeout(() => {
imagen.style.backgroundImage = 'url("/images/header-bg2.jpg")';
}, 100);
} else{
setTimeout(() => {
imagen.style.backgroundImage = 'url("images/header-bg.jpg")';
}, 100);
}
})
Eso no me está funcionando, las imagenes efectivamente existen, nombre y ruta es correcto, pero no las intercambia. Asimismo me gustaria que el ciclo fuera infinito mientras el sitio esta abierto, pero primero deberia encontrar la forma que funcione el cambio. Cualquier sugerencia es agradecida.