Prb de redimensionnement en HTML
Romaric
-
Stéphane -
Stéphane -
Bonjour à tous ceux qui me liront ...
Mon petit probleme réside dans le fait que je souhaite faire un redimensionnement automatique d'une image en fonction de la résolution écran du visiteur de mon site.
Je ne sais comment faire et votre aide me serra précieuse
Merci
Mon petit probleme réside dans le fait que je souhaite faire un redimensionnement automatique d'une image en fonction de la résolution écran du visiteur de mon site.
Je ne sais comment faire et votre aide me serra précieuse
Merci
A voir également:
- Prb de redimensionnement en HTML
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
2 réponses
Ce que je fais dans ces cas là c'est de donner une valeur relative à l'attribut width de img:
<img src="ton_image.gif" width=50%>
Je viens de changer sur un site dont je m'occupe, tu peux voir le code source de :
http://www.infomaniak.ch/~chess/nyon/epalinges2001.html
Sinon, il faudrait essayer de mélanger du javascript et du php:
JavaScript te donne la résolution d'écran grâce à
screen.availWidth et screen.availHeight
Il faudrait arriver à transférer la valeur dans un script php de manière à avoir
$largeur = screen.availWidth;
puis
echo "<img src='...' width=$largeur - 100>'";
J'ai jamais essayé, je ne sais pas si ça marche...
J'espère t'avoir aidé!
<img src="ton_image.gif" width=50%>
Je viens de changer sur un site dont je m'occupe, tu peux voir le code source de :
http://www.infomaniak.ch/~chess/nyon/epalinges2001.html
Sinon, il faudrait essayer de mélanger du javascript et du php:
JavaScript te donne la résolution d'écran grâce à
screen.availWidth et screen.availHeight
Il faudrait arriver à transférer la valeur dans un script php de manière à avoir
$largeur = screen.availWidth;
puis
echo "<img src='...' width=$largeur - 100>'";
J'ai jamais essayé, je ne sais pas si ça marche...
J'espère t'avoir aidé!
