11548 sujets

JavaScript, DOM et API Web HTML5

Image de fond aléatoire...

Bonjour à tous,

Bon désolée, j'ai bien parcouru le forum, j'ai bien trouvé des sujets qui semblent répondre à ma question... mais j'y ai rien compris!
(Je suis pas débutante je suis analphabète!)

Sur ma page web, j'aimerais que l'image de fond change aléatoirement quand on change de page.

voici le lien: -www.calligraphismes.fr
(je ne l'ai pas fait toute seule, c'est un template péniblement adapté)

J'ai une feuille CSS (ou j'ai mon lien vers mon image de fond), et un fichier html pour chaque page.
Si vous voulez bien me guider, il faudrait me dire QUOI mettre.... mais aussi OU le mettre...

Merci d'avance (et je suis bien désolée de ne participer que pour poser une question mais je ne pense pas pouvoir jamais aider quelqu'un en informatique!)

Aly
Modifié par Laurie-Anne (08 Sep 2011 - 08:34)
Salut,

Pour faire simple tu crées un petit fichier Javascript que tu inclus dans toute les pages ou tu veux changer l'image de ton fond (si j'en crois ton code sur la balise body...) de maniere aléatoire : 


var aImg = ['/url/monimage1.jpg', '/url/monimage2.jpg', ............, '/url/monimage100.jpg'];
var tTimer;
function changeMoiCeFond()
{
   var nSize = aImg.length
   var nIndex = Math.floor(Math.random()*(nSize+1))

   //Ici faudrait vérifier que le fond qu'on tire aléatoirement n'est pas le meme que le courant ! si c'est le même faudrait faire une récursion ou rajouter enlever 1...
   document.body.style.background =  "url("+aImg[nIndex]+")";



}
// Si tu le souhaite...
//tTimer = setTimeout("changeMoiCeFond()", 14000); //changera le fond ttes les 14 secondes


Voilà ! j'ai pas vérifié la syntaxe mais ca devrait te donner un bon aperçu !
Bonjour,
Désoler de reprendre ce sujet mais c'est exactement ce qu'il me faut mais en plus j'aimerais que le fond change aléatoirement avec un fondu sans changer de page.

j'aimerais reproduire cet effet de ce site qui est en flash. -www.wetransfer.com
Est-ce possible ?

Merci de votre aide
Modifié par Laurie-Anne (08 Sep 2011 - 08:34)
Sujet clos
Aller à