A voir également:
- Code background aléatoire !
- Code background aléatoire ! ✓ - Forum - Javascript
- Radio sur blog -> code ok aléatoirement ✓ - Forum - Blog
- Background aléatoire sous Joomla ? ✓ - Forum - Webmaster
- Html code background image ✓ - Forum - HTML
- Générer un code aléatoire chiffres et lettres ✓ - Forum - Webmaster
1 réponse
codeurh24
- Messages postés
- 760
- Date d'inscription
- samedi 29 mars 2014
- Statut
- Membre
- Dernière intervention
- 8 septembre 2018
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
Signaler
BloodyXMary
- Messages postés
- 6
- Date d'inscription
- mardi 27 septembre 2016
- Statut
- Membre
- Dernière intervention
- 18 mai 2017
Merci beaucoup !