Adapter un background à la résolution
Bonjour,
Je dois insérer un background sur un site, mais il ne s'agit pas d'une simple couleur, je dois donc changer sa taille en fonction de la résolution de l'écran.
J'ai trouvé ceci: (que j'ai intégré à ma balise body)
Code:
1
2
3
4
5
6
7
8
9
10
| <script language="JavaScript" type="text/javascript">
if (screen.width==800||screen.height==600)
document.write('background="lien vers image 800x600">');
else if (screen.width==1024||screen.height==768)
document.write('<background="lien vers image 1024x768">');
else if (screen.width==1280||screen.height==1024)
document.write('<background="lien vers image 1280x1024">');
else if (screen.width==1600||screen.height==1200)
document.write('<background="lien vers image 1600x1200">');
</script> |
Mais il y a un tas de résolutions (par exemple je suis sur portable, ==> 16/9) et je ne trouve pas ça tres pratique de chercher toute les résolutions possibles.
L'image en question n'est pas non plus tres precise, je veux dire qu'on peut la redimensionner sans qu'elle ne s’endommage.
Alors je pensais à quelque chose du genre:
Code:
<body background = "monImage.jpg" width = screen.width , height = screen.height >
(en utilisant du JS bien sur)
je suis conscient que ce code n'a aucune chance de marcher, mais je n'ai pas trouvé la manière d'obtenir ca.
Je vous remercie
PS: j'ai trouvé des topics disant d'utiliser du CSS, sans pour autant trouver la solution, et je n'ai jamais fait de CSS, si on peut éviter, je préfère. Sinon tant pis
