(#4160) : Redimensionnement automatique des images postées

[AldoMasta]

Rappel du premier message :

Bonjour,
je ne sais plus s'il s'agissait d'une option dans les réglages du forum, ou si l'on avait ajouté un ssscript ou modifié un template, mais lorsque quelqu'un postait une image trop grande dans un sujet, nous avions fait en sorte qu'elle soit réduite pour ne pas déformer le forum.
Or, pour une raison obscure, nous venons de nous apercevoir que ce resize auto ne fonctionne plus. Personne n'a, aux dernières nouvelles, touché quoi que ce soit récemment pourtant... (On avait peut-être effectué un nettoyage de un ou deux templates il y a 1 ou 2 ans, par contre)

Nous venons donc solliciter votre aide pour réactiver ce redimensionnement auto des images trop grandes... Merci d'avance!

[Mi Neth]

Bonjour,

Aux lectures des posts que j'ai lu, lors de  mes recherches, il semble que mon problème est "populaire".
J'aurai bien participer à l'un d'entre eux, pour éviter d'ouvrir un nouveau sujet, mais je ne peux pas répondre, ni dans l'un, ni dans l'autre!.
Alors me voici.

Tout d'abord, j'ai fais une mise à jour récemment et j'ai la dernière version de chrome.
J'ai vidé le cache.
J'ai synchronisé et vidé les coockies du forum.
Dans mon PA c'est affiché comme suit.



Ensuite, j'ai désactivé et réactivé mes scripts (java).
Fais de même avec mes templates.
Pas de changement et voici ce que j'ai obtenu,







Mais si je coche oui à forcer le css de base, ça fonctionne.
Comme vous pouvez le voir sur cette capture.



Je comprends, donc, que le problème vient de là et je vous joins mon css, parce que je ne saurai trouvé où ça cloche.

Code:

/* antisoulignement */

a, a:visited, a:hover, a:focus {
    text-decoration: none !important;
}

/* avatar couliss profil */
 
.profilperso{
    width: 200px;    
    height: 355px;  
    overflow: hidden;
}
 
.vava{
-webkit-transition: 1s;
    margin-top: -100px;
    position: relative;
    transition: 1s;
    top: -140px;
}
 
.vava img {
    height: 300px;
    width: 200px;
transition: 1s all ease;
}
 
.vava:hover img {
margin-left: 200px;
}
 
.pseudo_mess{
    position: relative;
  top: -15px;  
}
 
.rang_mess{
position: relative;
        top: -20px;
}
 
.profil_mess{
height: 241px;    
    width: 200px;
    display: block;
}

/* diminutif liens */

.postbody a {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

/* sup dat heur dern mess */

td.row3.over span span {
visibility: hidden;
line-height: 50%;
}
td.row3.over span span a, strong {
visibility: visible !important;
}

/* efface descript forum */

.Description_none{display:none;/**ont efface la description**/}

/* sup mention agrandir img */

.resizebox .resize_border { display:none !important; }

/* fix tail minim polic cad répons */

.sceditor-container textarea{font-size:18px!important;color:#1B5161!important;}

/* supprim button caché */

a.sceditor-button.sceditor-button-fahide {
 display: none;
}

/* apparence mode édition */
 
.sceditor-button-source {
    background-color:#006633!important;
   }
 
.sceditor-button-source.hover {
    background-color:#990000!important;
   }

/* color saisie login */

input, select, textarea {
background-color: #D9B689;
}

/* supprim connect automat */

.masquer { display: none; }

/* boutons précéd suiv mp */

#navMP{
    height:18px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#D9B689;
    background:#1B5161;
    text-decoration:none !important;
    border:0px;
}
#navMP>a:hover{
    color:#1B5161;
    background:#D9B689;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* supprim de jour à semaines menu mp */

select[name="msgdays"] option[value="1"],
select[name="msgdays"] option[value="7"],
select[name="msgdays"] option[value="14"] {
    display: none;
}

/* supprim icone note annonce globale */

#M14_btn_Post label:nth-child(2),#M14_btn_Post label:nth-child(4){display:none;}

/* sup deplac partie icones repons rapid */

#quick_reply a.sceditor-button.sceditor-button-underline,
#quick_reply a.sceditor-button.sceditor-button-strike,
#quick_reply a.sceditor-button.sceditor-button-headers,
#quick_reply a.sceditor-button.sceditor-button-removeformat,
#quick_reply a.sceditor-button.sceditor-button-removeformat.disabled,
#quick_reply a.sceditor-button.sceditor-button-date,
#quick_reply a.sceditor-button.sceditor-button-time,
#quick_reply a.sceditor-button.sceditor-button-source.hover,
#quick_reply a.sceditor-button.sceditor-button-source:not(.hover),
#quick_reply div.sceditor-group:nth-child(3),
#quick_reply div.sceditor-group:nth-child(4)
{display:none;}
#quick_reply div.sceditor-group
{margin-left:0px;margin-right:0px;float:left;}


Merci pour l'aide qui me sera apportée,
Une bonne journée à vous,
Mi Neth,

[Admin lisa]

bonjour j et les images trop grande j et mi 700 600

mais elles sont très grande grande

d habitue quand elle sont très grande ont a

au dessus de la création

Agrandir cette image Cliquez ici pour la voir à sa taille originale.

mais la plus rien elle sont très grande merci de m aider lisa

[rabolliot]

Bonjour,
Il faut aussi mettre ses membres en face de leurs responsabilités.
Ils se sont habitués à ne plus réduire les images, la machine le faisant pour eux, ils envoient tout sans se soucier de rien. (ceux qui gèrent au quotidien se d.... si la page éclate.)
Néanmoins rappeler que dans la console Servimg, on bénéficie tout simplement le choix pour réduire à 640 X 480 voire à 800X600 par le menu déroulant. Donc dans l'attente que tout soit remis en ordre, les membres peuvent au moins faire cet effort. Enfin c'est mon avis, et ce que j'ai dit sur mon forum.

[Pinguino]

Bonjour,

Je pense que le problème vient de la fonctionnalité de lazy-loading natif sur Google Chrome (et dans une moindre mesure sur Firefox). Cliquez ici pour comprendre de quoi il s'agit. Il y avait déjà eu des problèmes d'affichage d'images qui n'apparaissaient pas lors du premier affichage le mois dernier. Et les utilisateurs avaient indiqué que la mise à jour du navigateur avait résolu leur souci.

Si vous êtes à jour au niveau du navigateur, cela veut dire qu'il y a certainement un conflit entre le lazy-loading natif sur Google Chrome et la façon dont vous gérez le redimensionnement.

Nous allons retirer l'option du lazy-loading natif cette semaine. Mais il est important de savoir que dans un futur plus ou moins proche, cette fonctionnalité sera certainement activée par défaut sur tous les sites web. Dans l'immédiat, notre intervention réglera donc le souci (nous vous indiquerons quand tester pour avoir vos retours) mais il serait bien d'envisager une solution alternative pour le redimensionnement de vos images. Peut-être en CSS plus qu'en JS par exemple.

[Pinguino]

Bonjour,

Le correctif vient d'être envoyé en ligne. Il faut veiller à bien supprimer son cache navigateur avant de tester.

On compte sur vous pour savoir si le correctif a corrigé vos problèmes de redimensionnement

Merci pour votre feedback

[Mi Neth]

Bonjour et merci de travailler à résoudre ce problème.

Bien que j'ai, de nouveau, vidé le cache, le problème persiste. Et je me suis rendue compte que ça impactait sur d'autres images. Les premières sont enregistrées dans mon PA (gestion image avancé). Ce sont les:citer, supprimer, éditer... qui, au lieu d'être sous le corps de message, comme souhaité, apparaissent en haut de celui-ci.
Les secondes sont les images de mes avatars coulissants qui ne fonctionnent que de manière aléatoire.
J'ai cru, au début, que le problème ne se posait qu'en passant par ma boîte de réception; mais j'ai vu, ce matin, que même en navigant, d'une page à l'autre, sans sortir du forum, j'obtiens le m^me résultat.
Par exemple, je vais pour lire un sujet, l'avatar est fixe, je reviens à l'index et retourne au sujet, l'avatar coulisse. (et les images citer, éditer, supprimer... reviennent où je souhaite les voir)
J'ai ouvert un sujet ici,
https://forum.forumactif.com/t401325-avatar-coulissant-via-notification-email
dois-je le laisser ou le fermer?
Bonne journée,

[Pinguino]

Bonjour,

Attention, seules les images insérées dans les messages publiés sont concernées ici. Le sujet concerne uniquement le redimensionnement des photos dans les messages d'un topic qui était non fonctionnel.

Quand j'accède à ce forum qui connaissait le problème, le redimensionnement fonctionne bien à présent sur Google Chrome : http://campingcar.forumactif.org/t2491-puy-de-dome-63-ambertmoulin-richard-de-bas par exemple.

Pour les images du thème comme les CITER, SUPPRIMER, ... je ne vois aucun problème de mon côté sur votre forum car elles sont bien affichées. Pour vos avatars coulissants, le problème semble venir de votre personnalisation elle-même.

Et pour vos images dans les messages, cela vient également de vos personnalisations tout simplement car vous limitez la largeur à 100px via votre code CSS perso :

[demeter1]

Bonjour Pinguino,
fonctionne à merveille de mon côté; le système de redimensionnement fonctionne à nouveau sur toutes les images.

Pour le futur basculement en lazy-loading, si vous avez une astuce pour le retirer, perso, je suis preneur.

Merci pour la résolution de ce soucis.

[rabolliot]

Bonjour,
Pour ma part ça re-fonctionne normalement

Merci bien pour l'intervention.