[html] redimention d image
Bonjour à tous et a toues,
voilà j aimerai savoir si c est possible de redimentionner automatiquement une image en fonction de la resolution.
car j ai fais une banniere pour un forum (dimention 1280x700 car c est la resolution de mon portable) mais quant je vais sur des pc de moindre resolution ca dépace et donc ce n est pas vraiment estétique.
pouriez vous me dire comment resoudre cela merci d avance
voilà j aimerai savoir si c est possible de redimentionner automatiquement une image en fonction de la resolution.
car j ai fais une banniere pour un forum (dimention 1280x700 car c est la resolution de mon portable) mais quant je vais sur des pc de moindre resolution ca dépace et donc ce n est pas vraiment estétique.
pouriez vous me dire comment resoudre cela merci d avance
2 réponses
-
Bonjour,
Oui, c'est possible ! Et même adapter la taille de ton image quand l'utilisateur redimensionne sa fenêtre. Avec un petit peu de Javascript.
En supposant que ton image ait un attribut id="baniere"
Dans la partie <head> de ta page, rajoute ceci :<script language="JavaScript"> function setDimensions() { var largeurEcran = window.innerWidth; var nvlleLargeur = Math.max(500, largeurEcran); // Permet de ne pas trop diminuer la taille de l'image var img = document.getElementById("baniere"); img.width = nvlleLargeur; } window.onresize = setDimensions; </script>Ensuite, modifie ta balise <body> :<body onload="setDimensions();">
Voilà !
Xavier -
ah ben merci beaucoup super rapide en plus genial
