Code background aléatoire !
Résolu/Fermé
BloodyXMary
Messages postés
6
Date d'inscription
mardi 27 septembre 2016
Statut
Membre
Dernière intervention
18 mai 2017
-
Modifié par crapoulou le 5/11/2016 à 16:23
BloodyXMary Messages postés 6 Date d'inscription mardi 27 septembre 2016 Statut Membre Dernière intervention 18 mai 2017 - 7 nov. 2016 à 18:45
BloodyXMary Messages postés 6 Date d'inscription mardi 27 septembre 2016 Statut Membre Dernière intervention 18 mai 2017 - 7 nov. 2016 à 18:45
A voir également:
- Code background aléatoire !
- Code asci - Guide
- Code 80072efe ✓ - Forum Windows
- Freewifi secure code ✓ - Forum Réseau
- Netflix code - Guide
- Background image opacity ✓ - Forum CSS
1 réponse
codeurh24
Messages postés
761
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
122
6 nov. 2016 à 04:10
6 nov. 2016 à 04:10
Bonjour.
Code indenté ici: https://pastebin.com/1hV17mVT
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>background image aléatoire</title>
<style>
/* adapte l'image de fond
sur la largeur et la hauteur
de la page html */
body, html{
background-size: cover;
width:100%;
height:100%;
padding:0;
margin:0;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
var bgImage = [
'http://img4.hostingpics.net/pics/604727WallpaperHD11F1.jpg',
'http://img4.hostingpics.net/pics/705951135353683486493.jpg',
'http://img4.hostingpics.net/pics/413614windowsvista3720px.jpg',
'http://img4.hostingpics.net/pics/537958amdcomputergamingposterbackground415443.jpg',
'http://img4.hostingpics.net/pics/698903intelxeonprocessorchess5638602x339.jpg',
'http://img4.hostingpics.net/pics/7433395WsquLs.png',
'http://img4.hostingpics.net/pics/697356battlefield3tanksHD1024x576.jpg',
'http://img4.hostingpics.net/pics/494132alienwarebluelogo579.jpg'
]
$( function() {
// nombre max d'images que le tableau bgImage contient
var bgCount = bgImage.length-1;
do{
// change d'image aléatoirement
index = Math.floor((Math.random() * bgCount) );
// recommence a changer d'image si celle d'avant etait la meme
}while( index == localStorage.getItem("lastIndex") )
// mémorise la nouvelle image pour comparer
// au prochain rechargement de la page
localStorage.setItem("lastIndex",index);
// met une image de fond dans la page html
$( "body" ).css('background-image', "url("+bgImage[index]+")");
});
</script>
</head>
<body>
</body>
</html>
Code indenté ici: https://pastebin.com/1hV17mVT
7 nov. 2016 à 18:45