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>
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)
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?
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.