Achtergrond die zelf veranderd

Status
Niet open voor verdere reacties.
W

winlux

Gebruiker
Lid geworden
13 mrt 2012
Berichten
354
hallo,

Ik heb een website, gemaakt en ik wil dat de Achtergrond veranderd als je refresht ik heb 5 fotos geupload naar Google Drive en heb de links maar ik wil een soort Javascript / code die ik daar kan neerzetten. en dat elke keer als ik op f5 klik er een nieuwe achtergrond is!
 
Zoiets
[js]
var randomBackground = function(cssId) {
var backgrounds = [
'http://www.placehold.it/1024x768',
'http://www.placehold.it/800x600',
'http://www.placehold.it/640x480'
];

document.getElementById(cssId).style.background = 'url('+ backgrounds[Math.floor(Math.random() * (backgrounds.length+1))] +')';
}('styleMe');
[/js]
HTML: 
<body id="styleMe">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam unde culpa asperiores exercitationem provident deserunt quasi voluptas voluptate officiis rem maxime amet hic at natus molestias nesciunt explicabo cumque beatae.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam unde culpa asperiores exercitationem provident deserunt quasi voluptas voluptate officiis rem maxime amet hic at natus molestias nesciunt explicabo cumque beatae.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam unde culpa asperiores exercitationem provident deserunt quasi voluptas voluptate officiis rem maxime amet hic at natus molestias nesciunt explicabo cumque beatae.</p>
</body>
http://jsfiddle.net/k8vZU/

Kwestie van even de URL's aanpassen naar de afbeeldingen.
Het kan natuurlijk voorkomen dat je twee keer dezelfde achter elkaar krijgt maar het getal wordt telkens willekeurig gekozen.
 
ik snap het wel maar ik weet niet of u weebly.com kent, daar heb ik NU men test site gemaakt weet u mischien ook hoe je het met weebly doet? wand ik kom er niet uit!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan