A voir également:
- Html taille image proportionnelle
- Comment réduire la taille d'un fichier - Guide
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Comment reduire la taille d'une image - Guide
- Acronis true image - Télécharger - Sauvegarde
5 réponses
Utilisateur anonyme
1 mars 2011 à 14:56
1 mars 2011 à 14:56
Bonjour,
l'image sera inévitablement déformée si vous ne respectez pas le ratio de l'image. Vous devez fixer juste le width ou le height à 100%
évidement l'image n'occupera tout l'écran que si le ratio de l'écran correspond au ratio de l'image.
cordialement
l'image sera inévitablement déformée si vous ne respectez pas le ratio de l'image. Vous devez fixer juste le width ou le height à 100%
évidement l'image n'occupera tout l'écran que si le ratio de l'écran correspond au ratio de l'image.
cordialement
Utilisateur anonyme
1 mars 2011 à 16:33
1 mars 2011 à 16:33
Le HTML est un langage statique.
C'est à dire figé une fois pour toute.
Le redimensionnement des images est fait lors de l'affichage.
Si vous changez la taille de votre fenêtre, le navigateur ne change plus rien.
Si vous voulez un comportement dynamique, c'est à dire que votre page réagisse aux actions que vous faites sur la page, ses dimensions etc il va falloir faire du JavaScript.
C'est à dire figé une fois pour toute.
Le redimensionnement des images est fait lors de l'affichage.
Si vous changez la taille de votre fenêtre, le navigateur ne change plus rien.
Si vous voulez un comportement dynamique, c'est à dire que votre page réagisse aux actions que vous faites sur la page, ses dimensions etc il va falloir faire du JavaScript.
Je comprends,
Merci d'avoir répondu si vite, je vais donc chercher du côté du Javascript comment réaliser cet effet.
La bonne nouvelle, c'est que c possible ;-)
Maintenant, ya plus qu'à...
Merci pour votre patience,
Merci d'avoir répondu si vite, je vais donc chercher du côté du Javascript comment réaliser cet effet.
La bonne nouvelle, c'est que c possible ;-)
Maintenant, ya plus qu'à...
Merci pour votre patience,
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
1 mars 2011 à 16:24
Merci pour cette remarque! Effectivement, c'est déjà bien mieux ...(on va souvent chercher bien loin, les choses les plus simples ;)
j'ai gardé le height à 100%, ce qui permet un agrandissement proportionnel de l'image lorsque je "redimensionne" la fenêtre web
Toutefois, bien qu'ayant ajusté le ratio de l'image sur celui de mon écran le plus élevé, je n'arrive toujours pas à avoir le même effet que le document html publié par Flash..
=> C'est à dire que lorsque j'étire ma fenêtre, par exple, en longueur (sans toucher la hauteur), je vois maintenant le reste du background...(ici blanc) => mon image est en entier mais format timbre poste!
Alors que dans le doc fait avec Flash, l'image remplit toujours la totalité de la fenêtre:
seuls quelques éléments (ici le haut et le bas de la photo) ne sont plus affichés (=sont rognés de l'affichage)...MAis elle s'agrandit en largeur (le reste devient trop haut, c logique)
Donc, je ne comprends pas comment ils arrivent (Adobe Flash ;-) à avoir cet effet à la fois sur le width ET le height sans déformation...
J'ai essayé en mettant l'img en background du body mais biensûr, elle ne bouge pas (aucune redimension) : le bas et la droite sont rognés si je rétrécie la fenêtre, ce qui ne donne rien en petit écran...
Est-il possible que l'image remplisse toujours la totalité de la fenêtre...(quelque soit le format et résolution de la fenêtre et l' écran 16:9, 4:3...) sans pour autant quelle reste en totalité (=éviter l'apparition du bckground) => quitte à rogner les bords de l'image au besoin, du moment qu'il n'y a pas de scroll?
J'ai l'impression que je ne suis pas loin mais quel brouillard!
Si vous y voyez plus clair que moi ;-)