Redimensionner image en fonction de la resolution

[kiliking]

Bonjour à tous

Je viens vous poser une petite question (encore une oui je sais )

J aimerai pouvoir redimensionner une image en fonction de la resolution du visiteur et ensuite une fois que l on clique dessus, elle s affiche en taille reelle.

Prenons un exemple :

Si l image fait 700*600 en taille reelle

je voudrais par exemple l afficher en :

300*200 en 1024

400*300 en 1280

500*400 en 1600

...

Voila ce que j ai pour l instant comme code html :

<a href="images/monimage.JPG"><img src="images/monimage.JPG" WIDTH=300 HEIGHT=200></a>

Il faut calculer la largeur et la hauteur pour chaque image en fonction de la resolution, oui mais comment faire?

j attends vos reponses avec impatience

Merci

[jer666]

j'ai jamais essayer, mais en definissant la dimension en css, tu peux eventuellement metre un pourcentage? mais je sais aps du tout si ca marche! a essayer

[kiliking]

j'ai jamais essayer, mais en definissant la dimension en css, tu peux eventuellement metre un pourcentage? mais je sais aps du tout si ca marche! a essayer

j essai j essai mais dur dur

[ImoTheP]

Petite piste pour t'aiguiller :

Jette un coup d'oeil au niveau des méthodes screen.width et screen.height de javascript pour récupérer la résolution d'écran.

Le reste n'est plus qu'une question de if/elseif ou de switch, que tu passes par PHP ou Javascript pour le faire.

[kiliking]

Petite piste pour t'aiguiller :

Jette un coup d'oeil au niveau des méthodes screen.width et screen.height de javascript pour récupérer la résolution d'écran.

Le reste n'est plus qu'une question de if/elseif ou de switch, que tu passes par PHP ou Javascript pour le faire.

Je vais essayer. Je te tiens au courant.

Merci de ta réponse

[corven]

Bizarre je viens de tester avec des pourcentages ça fonctionne pas ... hum faudrait que j'approfondisse ça.

Bon le JS, je le dis tout de suite, j'aime pas du tout, ça peut servir pour certaines choses mais si y'a moyen de le faire en PHP fait le en PHP, le JS étant désactivable depuis le navigateur et le parefeu.

[ImoTheP]

Le traitement peut tout à fait se faire via PHP (et c'est même fortement recommandé), mais pour ce qui est de récupérer la résolution, il n'y a que JavaScript qui pourra te le faire...

[kiliking]

Le traitement peut tout à fait se faire via PHP (et c'est même fortement recommandé), mais pour ce qui est de récupérer la résolution, il n'y a que JavaScript qui pourra te le faire...

Impossible de recuperer la resolution en PHP?

Donc pas de solution a mon probleme?

[corven]

Tu n'es pas obligé de récupérer la réso, il faudrait définir des redimension pour toute les réso qu'il existe.

Plutot redimensionner en pourcentage, soit 33%.

[ImoTheP]

Meu si, en passant via Javascript.

Ce qu'il faut comprendre lorsque l'on utilise JS sur une page web :entre 5 et 10% des navigateurs ont javascript de désactivé ou non supporté, il faut donc prévoir comment réagira ta page dans le cas ou le visiteur se trouve dans ce cas.

Voici un pti code pour te montrer comment connaitre la réso du visiteur

<script type="text/javascript">
var h = screen.height;
var l = screen.width;
alert("Voici votre résolution: "+l+"*"+h+".");
</script>

[kiliking]

Merci à vous 2

je crois que je vais opter pour la solution des pourcentages

1024=50%

1280=60%

1600=70%

...

je vais voir ce que ca donne

[corven]

Euh non ce n'est pas comme ça que je le vois ... pour toutes les résolutions l'image s'affichera à 33% de sa taille ou de la taille de l'écran ( ??? )

Si tu fais comme tu as dis, c'est comme si tu mettais des valeurs fixes en pixel.

Il existe beaucoup de résolution disponible, si tu en oublie une et qu'un visiteur tombe sur ton image dans cette réso que tu as oublié que va t-til se passer ???

En mettant un pourcentage pour n'importe quelle réso tu n'oublieras pas de réso.

[kiliking]

Euh non ce n'est pas comme ça que je le vois ... pour toutes les résolutions l'image s'affichera à 33% de sa taille ou de la taille de l'écran ( ??? )

Si tu fais comme tu as dis, c'est comme si tu mettais des valeurs fixes en pixel.

Il existe beaucoup de résolution disponible, si tu en oublie une et qu'un visiteur tombe sur ton image dans cette réso que tu as oublié que va t-til se passer ???

En mettant un pourcentage pour n'importe quelle réso tu n'oublieras pas de réso.

heu je crois que tu t es trompes

Si tu mets 33% de la taille d une image pour toutes les resolutions, c est comme si tu mettais des valeurs fixes.

Tant dis que si le pourcentage varie en fonction de la resolution, il est pas possible de mettre des valeurs fixes.

[Daemonium]

C'est nul de fixer les dimensions d'une image en fonction de la résolution...

Moi par exemple, étant en 1280*1024, j'ai jamais mes fenêtre fx qui prennent toute la page. Mais la résolution de ma fenetre fait peut-être du 800*600 ...

[ImoTheP]

Il me semble qu'il est possible de récupérer la taille de la fenêtre et non la résolution par window.innerWidth et window.innerHeight. Après je ne sais pas si c'est normalisé et donc compatible multi-browsers.

Mais bon, ça commence a être un peu trop du bricolage...

[kiliking]

Il me semble qu'il est possible de récupérer la taille de la fenêtre et non la résolution par window.innerWidth et window.innerHeight. Après je ne sais pas si c'est normalisé et donc compatible multi-browsers.

Mais bon, ça commence a être un peu trop du bricolage...

Bricolons cher ami, bricolons