Mettre une image de fond en fonction de la résolution de l'écran

DEMONSTRATION

Il n'est pas possible de vous faire une demonstration car il faudrais que vous changiez de résolution pour tester le script.. Faites moi confiance : ça marche !

Imaginez que vous vouliez mettre un fond de page qui aurais un motif collé à gauche ET à droite de l'écran, l'image n'aura donc pas la même taille pour toutes les résolutions. Elle fera 800 pixel de largeur sur un écran 15" standard et plus large pour un 17" standard. Sans quoi le motif qui devrais être collé à droite sera soit au milieu de l'écran soit en-dehors. Ce script vous permet de choisir l'image en fonction de la résolution, il ne vous reste plus qu'a créer une image par résolution et écrire les noms de vos fichiers dans ce script !

IMPORTANT: Ce script remplace la balise <BODY> et tout sont contenu !

Code source remplacant la balise <BODY>
top

<script LANGUAGE="javascript">
<!--
var BGCOLOR="#000000" //Couleur de fond
var TEXT="#FFB509" //Couleur du texte
var LINK="#FFE009" //Couleur des liens
var VLINK="#FFE009" //Couleur des liens déja parcourus
var ALINK="#FFE009" //Couleur des liens survolés (internet explorer uniquement)
var Attribut_sup='' //Balise supplémentaire pour le BODY (Du script par exemple: onLoad="...")
var larg=screen.width;
if (larg<512) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles < 512*440
if (larg>=512) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles = 512*440
if (larg>=640) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles = 640*440
if (larg>=800) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles = 800*600
if (larg>=1024) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles = 1024*768
if (larg>1024) BACKGROUND="../fond_07.gif" //Image de fond pour les tailles > 1024*768

document.write('</HEAD><BODY BACKGROUND="'+BACKGROUND+'" BGCOLOR="'+BGCOLOR
+'" TEXT="'+TEXT+'" LINK="'+LINK+'" VLINK="'+VLINK+'" ALINK="'+ALINK+'" '+Attribut_sup+'>')
//-->
</script>
 
INFORMATIONS COMPLEMENTAIRES
top

IMPORTANT Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page avec l'image au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com