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 puk bloqué - Guide
- Code telephone oublié - Guide
- Code blocks free - Télécharger - Langages
- Code windows 10 - Guide
1 réponse
codeurh24
Messages postés
761
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
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