Salut
Je suis en plein développement d'un site Web et j'ai créé une interface graphique que j'ai découpé afin que celui si s'élargisse (en long et en large) afin d'etre optimal quelque soit la résolution (la taille du tableau est mis a 80%).
Le tout fonctionne bien mais je ne suis pas completement satisfait . En effet l'une des images qui s'elargis automatiquement a un fond de couleur qui ne se recoupe pas parfaitement avec les autres images, c'est pas tres visible mais ça me gene un peu.
Pour vous rendre compte de ce que je dis allez voir ici http://skarlix.free.fr/
c'est en haut a droite (ça ce vois un peu en 1024 mais en resolution supérieur ça se vois plus). Bon c'est un peu long a charger mais c'est parce que j'ai pas optimiser la taille des images.
Bref tout ça pour vous demander une chose, je sais qu'il est possible via du Javascript de detecter la résolution d'écran d'un visiteur et de charger en consequence une version optimiser pour la résolution détecter.
L'inconvenient c'est qu'il faut donc faire le site en plusieur résolution différent.
J'aimerais donc savoir s'il est possible en Javascript ou en php de faire des pages qui selon la résolution détecter charge les images correspondante a la résolution.
Les tables etant en taille extensible ( genre <table width="80%" ...) est il possible de faire, par des variables dans la page, le chargement des images. Par exemple on a un repertoire 1024 contenant les images de la resolution en 1024*768 et un autre repertoire pour les images en 800*600.
Lors du chargement de la page le site détecte une resolution en 1024, on stocke cette variable et ensuite celle ci est utilisé dans les balise images ou Background.
ex : <img src="[variable]/entete.png"> ou <td background="[variable]/fond.png"></td>
Ainsi il n'y a plus besoin de faire un site par résolution vue qu'on aurait les images adapté a la résolution détecté précedement.
Voila J'espere avoir été assez clair dans mes explications.
Merci d'avance pour la réponse
Partager