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