Image de fond aléatoire
Cet instructif est suffisamment identique à l'instructif de image de rubrique aléatoire! Si déjà ils le tournent alors nous allons utiliser le même code mais avec petite différence.
Avant excessivement c'est important de définir un style pour le fond du site dans CSS. Ceci ira garantir un fond même que browser n'a pas supporté JavaScript.
Ils ensuite se dirigent la section <head> de votre site ils et placent le suivant code :
<script type= » text/javascript »>
var banner= new Array ()
banner [0] = » adresse de l'image »
banner [1] = » adresse de l'image »
banner [2] = » adresse de l'image »
banner [3] = » adresse de l'image »
banner [4] = » adresse de l'image »
//Para adiconar images suffit de copier finit ligne (banner [4] = » adresse de l'image ») et d'ajouter la position du vecteur avec l'adresse de l'image (banner [5] = » adresse de l'image ») ;
var random=Math.round (4*Math.random ());
document.write ( »< style> ») ;
document.write ( » body { ») ;
document.write (' background : URL ( » `+ banner [aléatoire] + ` ») center ; ') ;
document.write ( »} ») ;
document.write ( »< /style> ») ;
</script>
Ils maintenant gardent les modifications et expérimentent en chargeant à la touche F5 du clavier. S'ils ont fait tout correctement votre fond est modifié à chaque fois que la page sera chargée.
Comme bon je commence ne doit pas utiliser des images beaucoup de grands (>500kb) ni des images animées donc pourront faire avec que le temps d'expédition du site soit trop et le lecteur se fatiguent d'attendre.
1 Comment (s)
Comments RSS TrackBack Identifier URI
Leave a comment
[...] Imagem de fundo aleatória - Mais um bom tutorial [...]