 |
 |
 |
|
JN Forum
Forum GRATUIT et SANS PUB de tutoriaux, didactitiels et aides pour la création numérique.
|
|
 |
|
 |
| Auteur |
Message |
JackNUMBER
Administrateur
Inscrit le: 25 Juin 2005
Messages: 701
Localisation: Paris
|
 Posté le:
23 Jan 2009 21:01:54 |
  |
Bonsoir à tous !!
Voici un petit tutorial pour mettre un fond de page aléatoire (images).
 Les images doivent avoir le même nom suivit d'un chiffre.
Les images doivent être dans le même dossier.
 Le CSS a la priorité sur ce script.
Exemple : ICI
entre le <head> et </head> :
| Code: |
<script type="text/javascript">
<!--
var z, i, max, bgbild;
max=5;
bild=new Array()
for (i=0;i<=max;i++)
{
bild[i]="fond"+i+".jpg";
}
z=Math.round(Math.random()*max);
bgbild=bild[z];
document.write("<body background='images/fonds/"+bgbild+"'>");
//-->
</script> |
Explications :
<script type="text/javascript">
<!--
var z, i, max, bgbild;
max=5;
bild=new Array()
for (i=0;i<=max;i++)
{
bild[i]="fond"+i+".jpg";
}
z=Math.round(Math.random()*max);
bgbild=bild[z];
document.write("<body background='images/fonds/"+bgbild+"'>");
//-->
</script>
en rouge : le nombre d'images de fond disponibles
en bleu : le noms communs des images de fonds (sans le chiffre)
en rose : le format des images de fonds
(+1 donc si 5 il y aura 6 possibilités : 0, 1, 2, 3, 4, 5)
en orange : le dossiers où se trouvent ces images
Nous sommes en JavaScript, n'oubliez pas l'image fond0.jpg.
voilà !!
Exemple : ICI
- Tutorial réalisé par Jack NUMBER - |
_________________
jacknumber.fr |
|
   |
|
|
|
|
Voir le sujet suivant
Voir le sujet précédent
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
|
Partenaires:
  |
