Achtergrond veranderen Javascript

[Stein100]

Hoi,

Ik ben nog niet zo thuis in Javascript en JQuery, en ben er de laatste tijd een beetje mee aan het prutsen gegaan, en tot nu toe lukt dat wel aardig.

Dit is mijn script:

setInterval(function() {
$(document).ready(function(){

$.getJSON('get.php', function (data) {

  $("#backCover").html('<li data-image="' + data.cover + '"><span></span></li>'); 
  $("#nowArtist").html(data.artiest); 
  $("#nowTitle").html('<b>' + data.titel + '</b>');     

});
 });
}, 1000);

Het deel nowArtist & nowTitle werken allebei, maar nu ben ik nog met de achtergrond van de website bezig (backCover), in het json script wordt de url van de afbeelding opgehaald uit de last.fm api.
Ik weet het, moet de interval nog even veranderen maar dat komt wel

Het stukje in mijn website waar de achtergrond in moet staan is dit:

<!-- fullscreen background slideshow start -->
<div id="bg" class="background">
    <ul class="bg-gallery" data-delay="8">
        <li data-image="ACHTERGROND_HIER.PNG"><span></span></li>
    </ul>
</div>
<!-- fullscreen background slideshow end -->

Mvg,
Stein

 

[gast0158]

waar haal je die data-image vandaan in de <li> ?

Zo ver ik weet is dit geen standaard html.
Heb je het al geprobeerd met background-image ?
Bovendien vraag ik mij af of je in een <li> de achtergrond image aan kunt passen, binnen een div lukt dit wel.

 

[Stein100]

Hoi gast0158,

Dat zat al in de template... heb het zelf ook niet verzonnen
Als ik data-image verander in background-image wordt mijn website ook niet geladen.

 

[gast0158]

Pas de volgende regel even aan :

  $("#backCover").html('<li data-image="' + data.cover + '"><span></span></li>');

Maak er het volgende van :

  $("#bg").html('<ul class="bg-gallery" data-delay="8"><li data-image="' + data.cover + '"><span></span></li></ul>');