Beste,

Ik heb een Script gevonden waarbij iedere keer wanneer de pagina gerefreshd wordt er een andere achtergrond zichtbaar is. Nu werkt het script wel als ik gewoon de afbeelding zichtbaar maak op de website maar niet als achtergrond. Kan iemand zien wat ik fout doe?

<SCRIPT LANGUAGE="JavaScript">
var theImages = new Array()
theImages[0] = '(images/Schilderen.jpg)'
theImages[1] = '(/images/concert.jpg)'
theImages[2] = '(/images/restaurant.jpg)'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
</script>


body.landing #page-wrapper {
background-image: url<SCRIPT
LANGUAGE="JavaScript">showImage();</script>;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
}
Hahah nee, je mag geen HTML of JavaScript gebruiken in je CSS.

Edit: Tip, doe dit met PHP, dit is makkelijker en het werkt wel met de manier die jij had.
Tevens moet je CSS van je landig wel intern zijn. (op de webpagina zelf)
PHP Maarten op 10/01/2016 20:56:52

Hahah nee, je mag geen HTML of JavaScript gebruiken in je CSS.

Edit: Tip, doe dit met PHP, dit is makkelijker en het werkt wel met de manier die jij had.
Tevens moet je CSS van je landig wel intern zijn.


Waar plaats ik dat stukje script dan?

Beste,

Wanneer ik <SCRIPT
LANGUAGE="JavaScript">showImage();</script>; ergens in de website zet werkt het perfect.

Juist omdat het nu werkt als ik de code gewoon op de website zet denk ik dat ik heel dicht in de buurt ben om het als achtergrond in te voegen. Zou iemand kunnen aangeven waar ik welke code moet neerzetten?

Alvast bedankt
Dit is op dit moment jouw showImage functie:
function showImage(){
      document.write('<img src="'+theImages[whichImage]+'">');
}


Probeer dat is te veranderen naar:

function showImage(){
      document.getElementById("banner").style.backgroundImage = "'+theImages[whichImage]+'";
}

Thom - op 14/01/2016 13:45:29

Dit is op dit moment jouw showImage functie:
function showImage(){
      document.write('<img src="'+theImages[whichImage]+'">');
}


Probeer dat is te veranderen naar:

function showImage(){
      document.getElementById("banner").style.backgroundImage = "'+theImages[whichImage]+'";


Ik heb het aangepast maar het werkt nog niet. Ik roep het script dan verder nergens aan in de website klopt dat? 
}






[size=xsmall]Toevoeging op 14/01/2016 20:58:01:[/size]

Bernhard G op 14/01/2016 20:57:05

[quote="Thom - op 14/01/2016 13:45:29"]
Dit is op dit moment jouw showImage functie:
function showImage(){
      document.write('<img src="'+theImages[whichImage]+'">');
}


Probeer dat is te veranderen naar:

function showImage(){
      document.getElementById("banner").style.backgroundImage = "'+theImages[whichImage]+'";


Ik heb het aangepast maar het werkt nog niet. Ik roep het script dan verder nergens aan in de website klopt dat? 
}





[/quote]


<SCRIPT
LANGUAGE="JavaScript">showImage();</script>; <- dit stuk bedoel ik. Dit gebruik ik nu nergens in mijn website.
Iemand die hier nog iets zinnigs over kan zeggen?
Deze code zet je op je pagina waarde achtergrond moet veranderen (ergens in je <head>):
<SCRIPT LANGUAGE="JavaScript">showImage();</script>

Je roept hier de showImage() functie aan.
Kan iemand hier nog iets zinnigs over zeggen? Alvast bedankt.

Reageren