michi-ffm
Goto Top

JS Html div background change interval

Hallo Zusammen,

evtl kann mir jemand weiterhelfen.

Ich möchte gerne via JS ein Div Background jede 10 sec ändern.
Leider klappt es nicht und kenn den Grund nicht.
Was mach ich hier falsch?

<script language="JavaScript" type="text/javascript">  
 var aktiv = window.setInterval("changeBG()", 1000);      
 var bgpic = new Array();
  bgpic = 'style/banner2.jpg';  
  bgpic[1] = 'style/banner3.jpg';  
  bgpic[2] = 'style/banner4.jpg';  
 var picnr = -1;

 function changeBG() {
  if(picnr < 3) { 
   picnr++;
  } else {
   picnr = 0;
  }
  var bild="URL("+bgpic[picnr]+")";  
 document.getElementByID('logo').style.background-image = bild;  
 }
</script>


mein CSS code :

#logo
{ 
    background: transparent url(banner.jpg) no-repeat;
}

LG Michi

Content-Key: 465633

Url: https://administrator.de/contentid/465633

Printed on: April 20, 2024 at 02:04 o'clock

Member: Arano
Solution Arano Jun 24, 2019 updated at 11:25:06 (UTC)
Goto Top
Moin moin.

Schau dir noch mal die Parameter ganau an:
https://www.w3schools.com/jsref/met_win_setinterval.asp

Oh, und hier den Rückgabewert
https://www.w3schools.com/jsref/met_document_getelementbyid.asp


~Arano
Member: michi-ffm
michi-ffm Jun 24, 2019 at 11:45:16 (UTC)
Goto Top
Vielen Dank
Member: colinardo
colinardo Jun 24, 2019 updated at 14:11:38 (UTC)
Goto Top
document.getElementByID('logo')##.style.red|background-image## = bild;
background-image wäre dann aber auch noch backgroundImage. Und getElementById liefert übrigens nur ein Element(wenn überhaupt) und kein Array.
document.getElementByID('logo').style.backgroundImage = bild;  

Grüße Uwe