Ondersteuning » Code oplossingen gezocht » Javascript gebruiken om style.backgroundImage in te stellen

  • Opgelost Peter

    (@peterkaagman)


    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)
  • Thread starter Peter

    (@peterkaagman)

    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

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Javascript gebruiken om style.backgroundImage in te stellen’ is gesloten voor nieuwe reacties.