Largeur d'une image dans un post

[nzangel]

Bonjour,

je voudrais savoir si il est possible de limiter la largeur des images dans un post ? (lorsqu'on utilise les balises

Code :

[img]

)

merci

[exdiogene]

Exemple avec :

Code :

[img=128X50]http://mybb.fr/images/logo.png[/img]

Exemple avec :

Code :

[img]http://mybb.fr/images/logo.png[/img]

[H.Moody]

Vous m'apprenez quelquechose !

[Tlams]

Bonjour,
Je me permet de poster ici, afin d'éviter l'ouverture d'un sujet similaire.

Il serait vraiment intéressant, de pouvoir faire en sorte que l'image posté par un utilisateur s'adapte automatiquement aux dimensions de l'écran au lieu de tout décaler.

J'ai trouvé actuellement qu'en rajoutant un "max-width:1px;" dans ".post_body", on bloque la déformation automatique du forum. Mais l'image dépasse quand même !(Dans certains navigateurs)

C'est du bricolage... je continue de chercher...

[nzangel]

oui en fait je cherche une solution par plugin ou même du code PHP pour qu'aucun post ne soit déformer, comme le dit Tlams.

merci pour vos réponses

[exdiogene]

Voici le type de solution que je suggère :

Dans le fichier global.css du thème, ajouter ceci à la fin :

Code PHP :

.post_body img{
overflow: auto;
height: 100px;
width: 500px;
} 


Il suffit de donner les valeurs maximales pour la largeur et la hauteur...

[Tlams]

Parfait!
Je me suis contenté d'un:

Code :

.post_body img{
width: 100%; /* Pourcentage de l'image */
}

Sa marche bien.


EDIT:
Quoi que non, pas parfait... Sa met toute les images à l'échelle même celles qui rentrent bien.


EDIT_bis:
Il aurait été sympa d'avoir une fonction du genre:
Si image posté => Réduction de celle-ci avec lien _bank pour l'afficher dans une nouvelle fenêtre.

Mais on rentre plus dans le domaine du Php là, je vais continuer d'y réfléchir..

[exdiogene]

Je m'excuse, mon code aurait dû se lire comme ceci :

Code PHP :

.post_body img{
overflow: auto;
max-height: 100px;
max-width: 500px;
} 


[spyto]

Oui, mais si je ne me trompe, IE ne "connaît pas" max-width et max-height !

Après quelques recherches, il faut rajouter ceci pour que ça marche sous IE 'et que ça conserve les proportions de l'image) :

Code PHP :

/* Code spécial IE */ 
  _width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 50 ) : true); 
  _height: expression((this.offsetHeight>this.offsetWidth) ? 
      Math.min(parseInt(this.offsetHeight), 50 ) : true); 


Ce qui donne :

Code PHP :

.post_body img{
  overflow: auto;
  max-height: 100px;
  max-width: 500px;
  _width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 50 ) : true); 
  _height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 50 ) : true);
} 


Seul IE "reconnaîtra" les pseudo-codes _width et _height. Ce sera transparent pour les autres navigateurs !

[Tlams]

Au final j'ai opté pour un
.post_body img{
overflow: auto;
max-width: 600px;
}

Comme sa les petites images sont pas affecté et les plus grosses réduite. Je trouve que c'est un bon compromis.
Sa marche sous IE9 en tout cas.

[spyto]

Je parlais évidemment de versions plus anciennes de IE.

[nzangel]

j'ai tout essayé, rien ne fonctionne :'(

---

en fait j'ai réussi en ajoutant une balise div avant le message dans le templates et j'ai mis votre codes dans le CSS.

merci beaucoup !

[Tlams]

Tu as bien modifié le bon css?
Je parle en connaissance de cause...

Vérifie aussi que ".post_body img " n’existe pas.

[nzangel]

j'ai modifié le global.css comme l'avit suggéré Exdiogene , surement le thème que j'utilise qui n'est pas vraiment fait comme il faut.
En tout cas ça marche,

merci à tous pour votre aide !