JavaScript试图替代backgroundImage

我想获得替代的背景图像。它以前工作，但现在有些东西是关闭的。现在背景是CSS设置的背景，我想改变它来替代它。JavaScript试图替代backgroundImage

var widthOfBrowser = window.innerWidth; 
 
var heightOfBrowser = window.innerHeight; 
 
var hideImage; 
 
var timeInterval = 20000; 
 
var time = 5000; 
 
var changeNavBar = document.getElementsByTagName("body")[0]; 
 
var T1; 
 
var T2; 
 
var T3; 
 
var intervalMain; 
 
var text; 
 
var parent; 
 
var child1; 
 
var child2; 
 
var valueHidePadding; 
 
var mobileTwo; 
 
var desktopView; 
 
var obj3; 
 
var obj1; 
 
var obj2; 
 

 
if (widthOfBrowser < 500) { 
 
    hideImage = document.getElementsByTagName("body")[0]; 
 
    hideImage.style.backgroundImage = "url('')"; 
 
    parent = document.getElementById("parent"); 
 
    child1 = document.getElementById("removeMobile1"); 
 
    child2 = document.getElementById("removeMobile2"); 
 
    parent.removeChild(child1); 
 
    parent.removeChild(child2); 
 
} else { 
 
    intervalMain = setInterval(function() { 
 
    putTogether() 
 
    }, timeInterval); 
 

 
    function putTogether() { 
 
    T1 = setTimeout(function() { 
 
     image1() 
 
    }, time); //after 5 seconds the function alternatingImages1to2 will be executed 
 
    time += 5000; 
 
    T2 = setTimeout(function() { 
 
     image2() 
 
    }, time); //after 10 seconds the function alternatingImages2to3 will be executed 
 
    time += 10000; 
 
    T3 = setTimeout(function() { 
 
     image3() 
 
    }, time); 
 
    time = 5000; 
 

 
    } 
 

 
} 
 

 
function image1() { 
 
    obj1 = document.getElementsByTagName("body")[0]; 
 
    obj1 = obj1.style.backgroundImage = "url('')"; 
 
} 
 

 
function image2() { 
 

 
    obj2 = document.getElementsByTagName("body")[0]; 
 
    obj2 = obj2.style.backgroundImage = "url('')"; //placeholder img 
 

 

 
} 
 

 
function image3() { 
 
    obj3 = document.getElementsByTagName("body")[0]; 
 
    obj3 = obj3.style.backgroundImage = "url('')"; //placeholder image 
 
} 
 

 
// Related css

body { 
 
    background: url("https://c1.staticflickr.com/1/126/387606063_408c203f6c_b.jpg") no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    /* This is to set the background */ 
 
}

来源

2016-04-01 johnbumble

那是什么'\'''变种intervalMain后做; \''？ – blex

谢谢哇我怎么没注意到，谢谢 – johnbumble

当我尝试你的例子时，图像在20秒后消失，就像它应该。由于您在'image1（）'，'image2（）'和'image3（）'中没有任何URL，因此没有任何URL。你期望发生什么？ – Barmar

看来您忘了添加图片网址：

obj1.style.backgroundImage = "url('')"

应该是：

obj1.style.backgroundImage = "url('path/to/image.jpg')"

来源

2016-04-01 23:42:54 user456901

JavaScript试图替代backgroundImage

回答

相关问题