1

Onderwerp: .style.backgroundImage aanpassen middels javascript

Hallo forum,

Probleempje met een WP site waar ik niet meer uitkom... misschien dat jullie het weten.

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 big_smile

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

Peter (aka Bilbo) geeft geen garantie op bestand- en padnamen, hij doet aan tab-completion.
http://bilbos-stekkie.com

2

Re: .style.backgroundImage aanpassen middels javascript

dit

// 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')";

had moeten zijn dit

// 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')";

het "is gelijk teken" hoorde daar niet

Peter (aka Bilbo) geeft geen garantie op bestand- en padnamen, hij doet aan tab-completion.
http://bilbos-stekkie.com