Redimensionner une image par rapport à la largeur de la page

Résolu/Fermé
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 14 nov. 2012 à 11:10
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 14 nov. 2012 à 14:39
Bonjour,

Je réalise un hébergeur d'image et j'ai un problème : si la résolution de l'ordinateur est trop petite, l'image est coupée sur sa largeur, et on doit utiliser la barre de défilement horizontale.
J'aimerais savoir s'il existe un script Javascript (qui utilise Jquery si besoin car je l'utilise déjà pour d'autres scripts) pour redimensionner l'image automatiquement par rapport à la page, même si la fenêtre est redimensionnée (donc pas uniquement au chargement de la page, onload et onresize).

Merci pour votre aide.

3 réponses

canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 14/11/2012 à 12:30
J'ai enfin trouvé :
https://ollicle.com/projects/jquery/imagefit/eg/

EDIT : J'ai pas trouvé comment l'utiliser ...
___/\_canarder_/\___
Le Renard qui règne sur le WEB : Firefox
0
DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
14 nov. 2012 à 14:10
Pour utiliser le plug in Jquery il faut impérativement inclure la bibliothèque Jquery que tu pourras trouver ici : https://jquery.com/
0
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 14/11/2012 à 14:42
Comme précisé dans mon message, j'utilise déjà jQuery pour d'autres script.

Mais j'ai réussi à le faire fonctionner.
Il faut préciser une largeur en pourcentage au container (css width %) et les dimensions dans les attributs de l'image (width et height). Ensuite, ça fonctionne (il faut préciser l'id du container dans la configuration)
___/\_canarder_/\___
Le Renard qui règne sur le WEB : Firefox
0