Déterminer la taille d'une image pour affichage

Bonjour,

Je connais déjà PHP (pas beaucoup mais je me débrouille tout seul pour le code).
Par contre au niveau conception site, je débute carrément.

Je cherche un moyen pour afficher une photo avec taille en fonction de... quelque chose
- en fonction de la résolution. Il faut connaitre la résolution de l'ecran du visiteur. ça se fait en PHP? Je ne crois pas, il faut passer par JavaScript (vous confirmez?) Mais dans le cas du JavaScript, le site sera  il conforme au W3C?

- en fonction de la taille de la fenetre du navigateur. Je ne sais pas trop si c'est possible (il me semble que oui).

Comment faîtes vous pour qu'une image garde la meme  proportion par rapport à la taille de quelque chose (resolution, taille fenetre navigateur, ou autre).

Si vous pouviez m'indiquer une méthode svp, les differents nom des fonctions PHP (histoire que je cherche pas 3 plombes dans l'aide).

En vous remerciant
areuh

Salut, "Il faut connaitre la résolution de l'ecran du visiteur. ça se fait en PHP?" => Non "Je ne crois pas, il faut passer par JavaScript (vous confirmez?)" => Oui "Mais dans le cas du JavaScript, le site sera il conforme au W3C?" => Javascript, c'est pas du xHTML. Donc, il n'y a aucune raison. Ce qu'il faut juste, c'est respecter la syntaxe de la balise script "- en fonction de la taille de la fenetre du navigateur. Je ne sais pas trop si c'est possible (il me semble que oui)." => Effectivement. Ce qu'il faut bien intégrer cependant, c'est que Javascript ne permet pas de redimensionner une image, mais seulement de modifier la taille qu'elle occupe à l'affichage. On peut tout à fait modifier les attributs width et height d'une image, mais pas ses dimensions intrinqèques. Ca, par contre, php peut le faire. Mais difficilement en fonction de la résolution de l'écran et/ou de la taille de la fenêtre. "Comment faîtes vous pour qu'une image garde la meme proportion par rapport à la taille de quelque chose (resolution, taille fenetre navigateur, ou autre)." => En ce qui me concerne, je ne fais pas. Ma galerie dispose de 3 tailles pour afficher mes photos : vignette, petite et normale. Le format "petite" est asez petit pour s'afficher correctement sur tout type d'écran, quelle que soit la résolution, et suffisament grand pour qu'on voit un peu la photo. Quant au format "normale", les visiteurs sont prévenus de la taille. Je ne sais pas ce que tu cherches à faire, dans quel objectif tu dois limiter la taille... Limiter la taille d'une image pour que ça ne déforme pas l'affichage du reste de la page, ce sera en Javascript (il existe par exemple un Mod pour phpBB qui fait ça). Si tu veux limiter le poids de l'image pour son téléchargement, il faut passer par PHP. Une autre solution consiste à redimensionner une image à la volée. Un script php redimensionne l'image et la renvoit au navigateur. L'url de l'image sera donc du genre : http://www.tonsite.com/redim_image.php?image_id=12345&max_height=350 Par contre, niveau performances, je ne sais pas ce que ça donne... Tout dépend du contexte.

Si tu ne veut pas diminuer la taille du fichier transféré, tu peut t'en sortir avec du javascript seul pour la taille en fonction de la résolution (screen.height et screen.width).
Et du HTML+CSS pour la taille en fonction de la fenetre <img style="width:75%;" src="..." /> affiche l'image sur les 3/4 de la largeur et calcul la hauteur pour garder l'aspect.

Flachy Joe

Bonsoir,
neigedhiver, flachy joe.

Je me rends compte que je suis un peu confus, désolé.
C'est la taille à l'affichage qui me préoccupe et non pas les dimensions intrinsèques à l'image.

A vous lire, je devrais me porter vers le JavaScript.
Je prends un exemple concret.

j'ai une page index.html (ou php) avec 2 logos dessus.
je suis en résolution 1500* 1000
un visiteur est en résolution 800* 600

le gros logo fait 500* 333
le petit logo fait 150* 100

je les place sans les modifier sur ma page dc:
chez moi le gros logo à l'affichage fait toujours 500* 333 (soit 33,33% de la resolution)
chez moi le petit logo à l'affichage fait toujours 150* 100 (soit 10% de la resolution)

maintenant le visiteur vient sur la page index.html (ou php)
j'aimerai que l'affichage du gros logo ait également 33,33% de SA resolution
calcul:
100% de la resolution horizontale= 800px
dc 33,33% de dimension horizontale pour le gros logo= 266px
100% de la resolution verticale= 600px
dc 33,33 de dimension verticale pour le gros logo= 200px

j'aimerai que l'affichage du petit logo ait également 10% de SA resolution
100% de la resolution horizontale 800px
dc 10% de dimension horizontale pour le petit logo= 80px
100% de la resolution verticale= 600px
dc 10% de dimension verticale pour le petit logo= 60px

Est ce que vous comprenez?
C'est donc bien vers le Javascript que je dois me tourner, vous avez le le nom d'un script svp.

Merci encore.
a+
areuh

Salut, J'avais bien compris. C'est donc vers Javascript que tu dois te tourner. Mais ma dernière méthode peut fonctionner (mais est un peu lourde à mettre en place). Concrètement, pas de nom de script à te donner, pour la simple et bonne raison que ça ne représente pas beaucoup de code pour ajuster ça... Bon je suis pas super calé en Javascript, mais on va tenter... Attention, si tu ne précises que la largeur, la hauteur est modifiée selon le même rapport. Il faut spécifier explicitement la hauteur si tu veux la conserver à une valeur fixe. Sinon, tu peux faire mumuse avec...

Il faut utiliser img.offsetWidth et img.offsetHeight pour que le code de neigedhiver fonctionne bien.

Flachy Joe

^Bonjour, j'ai un peu le même problème, je suis dans un "noeud" car je ne suis pas du tout calée en ode, je vous explique: j'ai réalisé une bannière flash de 933 sur 200 px, j'ai inséré cette bannière dans un tableau en html. Je suis en résolution de 1024/768 et quand les visiteurs sont en 1200/1024, ça cloche car le background que j'ai placé derrière dépasse, j'aimerais que cette bannière s'adapte à toutes les résolution d'écra. J'ai déjà cherché sur le net et pas moyen de trouver un script qui me dirais que
si le visiteur est en 800/600 alors affiche bannière 1. Si le visiteur est en 1024/768 alors affiche bannière 2 et ainsi de suite.
Pouvez-vous m'aider svp ??

merci à tous les codeurs du web de m'aider

pourquoi ne pas simplement utiliser le (x)HTML et l ' affichage standard en pourcentage :

width=33% height=33% l ' image affichée sera tout le temps calée à un affichage de 33% dans la fenetre du navigateur .

ou alors j ' ai pas bien compris .

@+++