Affichage d'une image de fond en fonction de la taille ecran du visiteur

Ce petit code permet d'afficher une image différente en testant la taille de l'ecran du visiteur. Cela s'avère pratique pour mieux gérer son site.

Auteur : ... c'est de moi ...

Tests :

Ca marche normalement partout ou le javasript est géré

Script :

Ca Renplacer les noms de fichiers images par le chemin complet de vos fichiers. En cas de non détection de taille ecran, dans l'exemple suivant, ce serai le fichier 'backg7.jpg' qui serai pris par defaut. Le reste du script est facilement adaptable.

  <html><head><title></title></head>

<body>

<script>
backgr="backg7.jpg"
if (screen.height>=480 && screen.width>=640)
backgr="backg1.jpg"
if (screen.height>=480 && screen.width>=720)
backgr="backg2.jpg"
if (screen.height>=576 && screen.width>=720)
backgr="backg3.jpg"
if (screen.height>=600 && screen.width>=800)
backgr="backg4.jpg"
if (screen.height>=768 && screen.width>=1024)
backgr="backg5.jpg"
if (screen.height>=1024 && screen.width>=1280)
backgr="backg6.jpg"

document.write('<body background="'+backgr+'" bgcolor="#FFFFFF">')
</script>

... votre corps ...

</body></html>

  

 

AccueilHaut pageRetour