MyBB.support, le portail francophone de MyBB
Largeur d'une image dans un post - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Support (https://mybb.fr/forum-5.html)
+--- Sujet : Largeur d'une image dans un post (/thread-4472.html)



Largeur d'une image dans un post - nzangel - 20-07-2011

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



RE: Largeur d'une image dans un post - exdiogene - 20-07-2011

Exemple avec :
Code :
[img=128X50]http://mybb.fr/images/logo.png[/img]
[Image: logo.png]

Exemple avec :
Code :
[img]http://mybb.fr/images/logo.png[/img]
[Image: logo.png]


RE: Largeur d'une image dans un post - H.Moody - 20-07-2011

Vous m'apprenez quelquechose !


RE: Largeur d'une image dans un post - Tlams - 20-07-2011

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...




RE: Largeur d'une image dans un post - nzangel - 20-07-2011

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



RE: Largeur d'une image dans un post - exdiogene - 20-07-2011

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{
overflowauto;
height100px;
width500px;


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


RE: Largeur d'une image dans un post - Tlams - 20-07-2011

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..




RE: Largeur d'une image dans un post - exdiogene - 20-07-2011

Je m'excuse, mon code aurait dû se lire comme ceci :
Code PHP :
.post_body img{
overflowauto;
max-height100px;
max-width500px;




RE: Largeur d'une image dans un post - spyto - 20-07-2011

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 */ 
  
_widthexpression((this.offsetWidth>=this.offsetHeight) ? 
      
Math.min(parseInt(this.offsetWidth), 50 ) : true); 
  
_heightexpression((this.offsetHeight>this.offsetWidth) ? 
      
Math.min(parseInt(this.offsetHeight), 50 ) : true); 

Ce qui donne :
Code PHP :
.post_body img{
  
overflowauto;
  
max-height100px;
  
max-width500px;
  
_widthexpression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 50 ) : true); 
  
_heightexpression((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 !


RE: Largeur d'une image dans un post - Tlams - 20-07-2011

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.


RE: Largeur d'une image dans un post - spyto - 20-07-2011

Je parlais évidemment de versions plus anciennes de IE.


RE: Largeur d'une image dans un post - nzangel - 20-07-2011

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 !


RE: Largeur d'une image dans un post - Tlams - 21-07-2011

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

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




RE: Largeur d'une image dans un post - nzangel - 21-07-2011

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 !


 Utilitaire de traduction fourni par Regentronique