Javascript gebruiken om style.backgroundImage in te stellen
-
Hallo forum,
Ik probeer met javascript een de style property backgroundImage in te stellen… maar dit lukt niet… en ik zie eigenlijk niet waar ik fout ga
de Div in header.php:<Div id="site-logo"></Div>
Daar staat al wat CSS op:
#site-logo{ position: absolute; right: 0; z-index: 10; width: 300px; height:300px; background-size: 100% 100%; background: red; }
De rode background is om te testen of de DIV wel getoond wordt… lekker opvallend 😀
en ik heb de volgende javascript:
var howOften = 5; //number often in seconds to rotate var current = 0; //start the counter at 0 // place your images, text, etc in the array elements here var items = new Array(); items[0]="url=('/wp-content/uploads/images/site-logo-dame1.png')"; items[1]="url=('/wp-content/uploads/images/site-logo-there-is-only-2.png')"; function rotater() { document.getElementById("site-logo").style.backgroundImage = items[current]; current = (current==items.length-1) ? 0 : current + 1; setTimeout("rotater()",howOften*1000); } window.onload=rotater;
Middels een javascript alert heb ik getest of de functie ook daarwerkelijk uitgevoerd wordt… items[current] heeft ook de waarde die ik verwacht
1 reactie aan het bekijken (van in totaal 1)
1 reactie aan het bekijken (van in totaal 1)
- Het onderwerp ‘Javascript gebruiken om style.backgroundImage in te stellen’ is gesloten voor nieuwe reacties.