PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
B

Wisselende achtergrond

Door Bernhard G op 10-01-2016 14:50
4.461 views
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;
}
O
Obelix Idefix
10-01-2016 16:10
Wat staat er in de broncode van de pagina?
O
Obelix Idefix
10-01-2016 17:08
In ieder geval klopt je pagina opbouw in HTML al niet.
Je pagina hoort te beginnen met een doctype en niet met head.

Werkt javascript (aanroepen functie) in css???
B
Bernhard G
10-01-2016 18:25
Als ik het gewoon in de header zet en op een willekeurige plek op de website zie ik zo'n kleine afbeelding met een zonnetje en een berg. Hij roept dus neit de juiste foto op maar communiceert wel over een afbeelding.
Randy vsf
10-01-2016 18:27 gewijzigd op 10-01-2016 18:32
Je for loop.
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">
B
Bernhard G
10-01-2016 18:54
Bedankt Randy,

Nu werkt hij inderdaad maar wil hem nu nog als achtergrond afbeelding. Dat werkt nog niet.
Randy vsf
10-01-2016 18:59 gewijzigd op 10-01-2016 19:00
Bedoel je dan als achtergrond van de hele pagina?
Daarvoor gebruik je de body.style.backgroundImage property.

In je loop zet je dan:

document.body.style.backgroundImage = theImages[i];
B
Bernhard G
10-01-2016 19:02
Ik wil het alleen op de landing. (wat nu bovenaan roze is)
Randy vsf
10-01-2016 19:12 gewijzigd op 10-01-2016 19:12
Bernhard G op 10/01/2016 19:02:21

Ik wil het alleen op de landing. (wat nu bovenaan roze is)



document.getElementById('jouwDiv').style.backgroundImage = 'url(http://www.example.com/placeholder_2.jpg)';
B
Bernhard G
10-01-2016 19:55
Sorry maar dat script moet toch opgeroepen worden op de plek waar ik anders de achtergrond wil invoegen?

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;

Reageren

Inloggen om te reageren