Wisselende achtergrond
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 = new Image()
preBuffer.src = theImages
}
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;
}
Obelix en Idefix op 10/01/2016 16:10:40:
Wat staat er in de broncode van de pagina?
Zie www.allsurprised.nl
Je pagina hoort te beginnen met een doctype en niet met head.
Werkt javascript (aanroepen functie) in css???
Probeer je daar niet een array als src te zetten?
En bij theImages mogen de () ook wel weg gehaald worden.
Je hebt nu:
<img src="(img/jouimage.png)">
Moet zijn:
<img src="img/jouimage.png">
Gewijzigd op 10/01/2016 18:32:53 door Randy vsf
Nu werkt hij inderdaad maar wil hem nu nog als achtergrond afbeelding. Dat werkt nog niet.
Daarvoor gebruik je de body.style.backgroundImage property.
In je loop zet je dan:
Code (php)
1
document.body.style.backgroundImage = theImages[i];
Gewijzigd op 10/01/2016 19:00:29 door Randy vsf
Bernhard G op 10/01/2016 19:02:21:
Ik wil het alleen op de landing. (wat nu bovenaan roze is)
Code (php)
1
document.getElementById('jouwDiv').style.backgroundImage = 'url(http://www.example.com/placeholder_2.jpg)';
Gewijzigd op 10/01/2016 19:12:41 door Randy vsf
Zie hieronder:
body.landing #page-wrapper {
style.backgroundImage = 'url(<SCRIPT
LANGUAGE="JavaScript">showImage();</script>;)';
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
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)
Gewijzigd op 10/01/2016 20:59:13 door Marthijn Buijs
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.
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?
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
Code (php)
1
2
3
2
3
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
document.write('<img src="'+theImages[whichImage]+'">');
}
Probeer dat is te veranderen naar:
Code (php)
1
2
3
2
3
function showImage(){
document.getElementById("banner").style.backgroundImage = "'+theImages[whichImage]+'";
}
document.getElementById("banner").style.backgroundImage = "'+theImages[whichImage]+'";
}
Gewijzigd op 14/01/2016 13:51:04 door Thom -
Thom - op 14/01/2016 13:45:29:
Dit is op dit moment jouw showImage functie:
Probeer dat is te veranderen naar:
Code (php)
1
2
3
2
3
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
document.write('<img src="'+theImages[whichImage]+'">');
}
Probeer dat is te veranderen naar:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
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?
}
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?
}
Toevoeging op 14/01/2016 20:58:01:
Bernhard G op 14/01/2016 20:57:05:
Thom - op 14/01/2016 13:45:29:
Dit is op dit moment jouw showImage functie:
Probeer dat is te veranderen naar:
Code (php)
1
2
3
2
3
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
document.write('<img src="'+theImages[whichImage]+'">');
}
Probeer dat is te veranderen naar:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
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?
}
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?
}
<SCRIPT
LANGUAGE="JavaScript">showImage();</script>; <- dit stuk bedoel ik. Dit gebruik ik nu nergens in mijn website.
<SCRIPT LANGUAGE="JavaScript">showImage();</script>
Je roept hier de showImage() functie aan.