HTML+Balise IMG
Bonjour,
J'ai un problème avec la balise IMG.
J'aimerai qu'une image s'adapte en largeur et en hauteur par rapport à la taille de la fenêtre... je pensais faire ceci:
cela fonctionne quand l'image est plus large que haut mais pas l'inverse.
Lorsqu'elle est plus haute que large, la largeur de l'image s'adapte bien à la largeur de la fenêtre mais la hauteur du coup dépasse.
J'aimerai que:
1) Lorsque l'image est plus large que haute, sa taille s'adapte à la largeur de la fenêtre.
2)Lorsque l'image est plus haute que large, sa taille s'adapte à la hauteur de la fenêtre.
A noté, au passage que l'image dans le src varie avec le même code html.
Merci d'avance
--
"Trotti Trotta, Monsieur P, il y a des anges qui veulent un bisou..."
"Même les joujou de Monsieur P ont besoin de joujou"
J'ai un problème avec la balise IMG.
J'aimerai qu'une image s'adapte en largeur et en hauteur par rapport à la taille de la fenêtre... je pensais faire ceci:
<img src="...." width="100%" height="100%" />
cela fonctionne quand l'image est plus large que haut mais pas l'inverse.
Lorsqu'elle est plus haute que large, la largeur de l'image s'adapte bien à la largeur de la fenêtre mais la hauteur du coup dépasse.
J'aimerai que:
1) Lorsque l'image est plus large que haute, sa taille s'adapte à la largeur de la fenêtre.
2)Lorsque l'image est plus haute que large, sa taille s'adapte à la hauteur de la fenêtre.
A noté, au passage que l'image dans le src varie avec le même code html.
Merci d'avance
--
"Trotti Trotta, Monsieur P, il y a des anges qui veulent un bisou..."
"Même les joujou de Monsieur P ont besoin de joujou"
6 réponses
-
Tu peux t'aider de ça.
-
Modérateurpour une IMAGE ?
et ça va donner quoi
- au niveau des déformations
- au niveau du poids pour la page
???? -
ContributeurLes images ne subiront aucunes déformations, le changement de taille sera proportionnel.
Pour leurs poids, c'est très variables... En fait mon site local va chercher toutes les images contenues dans un répertoire... il y en a beaucoup et leurs tailles peuvent varier.
En fait, j'ai trouver une "pseudo solution", je donne le code:
<?php $dimension = getsizeimage($chemin_image); //$chemin_image : Chemin relatif de l'image en cours de lecture $largeur_origine = $dimension[0]; $hauteur_origine = $dimension[1]; //Contient la taille d'origine de l'image $largeur_affiche = ($largeur_origine * $pourcentage)/100; $hauteur_affiche = ($hauteur_origine * $pourcentage)/100; //$pourcentage: contient le pourcentage de réduction ou d'agrandissement de l'image, cette donnée est contenu dans une base de donnée mySQL ?> <img src="<?php echo chemin_image;?>" alt="..." width=<?php echo $largeur_affiche;?> height=<?php echo $hauteur_affiche;?> />
C'est du bidouillage mais ça fonctionne... cela fait pas l'effet que je recherchais à l'origine mais c'est un début.
-
Modérateur
Les images ne subiront aucunes déformations, le changement de taille sera proportionnel.
même avec le 'proportions' (format écran !!)
j'en doute fort ... -
ContributeurTu n'as pas compris.
Je ne désire pas que l'image prenne tout l'écran, ni toute la fenêtre... je ne veux pas qu'elle dépasse la fenêtre... en somme je veux que mon image soit entière dans le navigateur et ce automatiquement.
Donc tant que le redimensionnement restera proportionnel, même pourcentage en largeur et hauteur, l'image ne sera pas déformée.
-
ContributeurLa taille de l'écran n'importe pas, seul celle de la fenêtre du navigateur importe.
Ensuite je répète que les images resteront sur le même rapport largeur/hauteur.
Mon souhait n'est pas d'afficher les images en pleine écran... Je veux juste qu'elles soient entières dans le navigateur, c'est tout.
