[html] redimention d image
blark
Messages postés
4
Statut
Membre
-
blark Messages postés 4 Statut Membre -
blark Messages postés 4 Statut Membre -
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
A voir également:
- Bannière 1280x700
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image gratuit - Télécharger - Sauvegarde
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 :
Xavier
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
