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-ID: 465633

Url: https://administrator.de/forum/js-html-div-background-change-interval-465633.html

Ausgedruckt am: 27.12.2024 um 01:12 Uhr

Arano
Lösung Arano 24.06.2019 aktualisiert um 13:25:06 Uhr
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
michi-ffm
michi-ffm 24.06.2019 um 13:45:16 Uhr
Goto Top
Vielen Dank
colinardo
colinardo 24.06.2019 aktualisiert um 16:11:38 Uhr
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