HTML+Balise IMG
Neliel
Messages postés
6146
Date d'inscription
Statut
Contributeur
Dernière intervention
-
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
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
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
A voir également:
- HTML+Balise IMG
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Editeur html - Télécharger - HTML
- Espace html - Astuces et Solutions
- Espace HTML ✓ - Forum HTML
6 réponses
pour une IMAGE ?
et ça va donner quoi
- au niveau des déformations
- au niveau du poids pour la page
????
et ça va donner quoi
- au niveau des déformations
- au niveau du poids pour la page
????
Les 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:
C'est du bidouillage mais ça fonctionne... cela fait pas l'effet que je recherchais à l'origine mais c'est un début.
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.
Les images ne subiront aucunes déformations, le changement de taille sera proportionnel.
même avec le 'proportions' (format écran !!)
j'en doute fort ...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu 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.
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.
