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

[AldoMasta]

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!

[Neptunia]

Bonjour ^^


Le lien de votre profil est obsolète. Pourrions nous avoir le lien du fofo concerné ?

[AldoMasta]

Oups, pardon, il s'agit de : http://www.ncvostfr.com

[Neptunia]

L'option native se trouve ici

PA > Général > Messages et Emails > Configuration
-> Redimensionnement des images : Si les deux cases sont vides ou contiennent un nombre bien trop grand il faudra corriger et

En revanche si tout vous semble normal, c'est vraisemblablement un script qui empêche ce redimensionnement d'opérer
A vérifier comme ceci
PA > Modules > Gestion des codes javascript
-> Activer la gestion des codes Javascript : Non puis
Tester et remettre ensuite la gestion des scripts sur Oui.

[AldoMasta]

Merci de prendre de votre temps!

Effectivement, l'option dans "messages et émails" était bien active (500x400 max), et effectivement encore, quand je désactive les javascripts, le resize auto fonctionne à nouveau... Curieux, parce que pour le coup, les javascripts n'ont pas bougé depuis des années!

Celui qui semble le plus susceptible de perturber tout cela pourrait être celui qui change le fond du forum en fonction des résolutions:

Code:

$(function(){

 var bg= "Adresse image (largeur plus grande que 1600px)";

 if(screen.width < 801) bg="https://i.servimg.com/u/f84/17/81/19/53/fond_f10.jpg";
 else if(screen.width < 1025) bg="https://i.servimg.com/u/f84/17/81/19/53/fond_f11.jpg";
 else if(screen.width < 1281) bg="https://i.servimg.com/u/f37/17/81/19/53/fond_f36.jpg";
 else if(screen.width < 1601) bg="https://i.servimg.com/u/f37/17/81/19/53/fond_f38.jpg";
 else if(screen.width < 1681) bg="https://i.servimg.com/u/f37/17/81/19/53/fond_f39.jpg";
  else if(screen.width > 1899) bg="https://i.servimg.com/u/f37/17/81/19/53/fond_f40.jpg";
 document.body.style.backgroundImage="url(\""+bg+"\")";

});

Les autres servant essentiellement à modifier l'éditeur de messages, et la barre d'outils forumactif en haut d'écran!

Merci pour votre aide, on apprécie!

(Edit) Il faut croire que désactiver/réactiver les javascripts a réglé le problème tout seul... Dans le doute, j'vais vous laisser checker ça, mais ça a l'air de fonctionner à nouveau sans raison... Capricieux, le petit, il nous fait sa crise des 10 ans!

[AldoMasta]

(Edit) il semble en fait que cela fonctionne "partiellement", l'image apparaît en énorme, et si on refresh la page, elle apparaît cette fois-là réduite...Je testerai demain sur un autre ordinateur pour voir si c'est la même chose partout!

[Neptunia]

Celui qui semble le plus susceptible de perturber tout cela pourrait être celui qui change le fond du forum en fonction des résolutions

Il ne s'agit pas de supposer, mais d'avoir des certitudes.

Ici nous avions un problème sur l'affichage des sujets.

Après s'être assuré que le problème venait d'un des javascript, on édite l'ensemble des scripts un par un et on décoche les cases "Sur les sujets" et "Toutes les pages" en prenant note pour chacun du placement initial.
A titre personnel j'utilise le nom du script pour indiquer son placement (plus pratique que d'éditer un par un)
Exemple :

[ Index / Sous-forums ] Pluie de feuilles mortes

Entre chaque script désactivé, on vérifie si ce qu'on veut refonctionne ou pas.

On arrive ainsi à déterminer le script responsable (à supposer qu'il n'y en ait qu'un seul)

---

Si le script posant problème est bien celui que vous avez repéré, la bonne nouvelle est qu'on fait maintenant plus simple :

Image de fond qui s'adapte à la résolution du visiteur
Du CSS, plus de javascript, plus de souci, plus de prise de tête

---

Quant à votre dernier édit, je pense à autre chose.

Quelle version de Chrome utilisez vous ? Si c'est une version 76, mettez là à jour !!

[AldoMasta]

Désolé pour le temps de réponse!

Si le script posant problème est bien celui que vous avez repéré, la bonne nouvelle est qu'on fait maintenant plus simple :

Astuce Image de fond qui s'adapte à la résolution du visiteur
Du CSS, plus de javascript, plus de souci, plus de prise de tête

Super ça, on n'aura plus à uploader 5 fonds d'écrans différents à chaque fois, merci!

Par contre je retire ce que j'ai dit, après les avoir testés 1 par 1, cela ne semble pas venir des javascripts. Et le resize auto ne fonctionne à nouveau plus du tout, que l'on active ou non totalement les javascripts...

Merci pour votre aide!

ps: non, mon chrome fait les m.à.j. automatiquement, je suis en 77.0.3865.90 actuellement!

[Neptunia]

Donc si ça ne vient pas des javascripts essayez de désactiver vos templates.

Si cela règle le souci, il vous faudra regarder du côté des templates overall_header, overall_footer_begin, overall_footer_end et surtout viewtopic_body pour déterminer lequel des 4 est en cause.

Si cela ne change toujours pas, bah je passe la main, étant à court d'idées.

[AldoMasta]

(Merci, je reviens vers 17h!)

[AldoMasta]

Désolé pour le délais!

Alors j'ai remis les 4 templates par défaut, rien n'a changé, j'ai mis l'option "forcer les templates par défaut" sur oui, rien n'a changé... Cela peut-il venir de mes modifications du css?

Code:

{fond adapté aux résolutions 2019}
    body {
  background-image:url(https://i.servimg.com/u/f37/17/81/19/53/fond_f39.jpg);
  background-size: 100% auto;
}

{suppression des partages inutiles toolbar}
#fa_rss {display:none!important;}
        #fa_gp {display:none!important;}
        #fa_mail {display:none!important;}

{toolbar design}
div#fa_toolbar {
      background-color: #000000;  /* Couleur de fond */
    border: 6px solid black;  /* Ajoute une bordure de 2px de couleur blanche */
  margin-top: -4px;
}

{toolbar couleur search}
#fa_textarea {background-color:#4a4a4a;}

{toolbar décallage pseudo vers la gauche}
#fa_right {
    padding-right: 15px;  /* Règle la marge intérieure droite */
}

 
{image remplaçant la barre de like}
.vote .vote-bar-plus { 
 background-image: url(https://i.servimg.com/u/f74/17/81/19/53/pouce-10.png);
width: 29px;
  height: 29px !important;
  border:none !important;
 border-radius:5px;
}
.vote .vote-bar {
 border: none;
border-radius:5px;
}
.vote .vote-bar-minus { 
 background-image: url(https://i.servimg.com/u/f74/17/81/19/53/pouce-10.png);
width: 0px;
  height: 0px !important;
  border:none !important;
 border-radius:0px;
}
.vote .vote-bar {
 border: none;
border-radius:5px;
}
  /*-- retrait du bouton de vote négatif dans les messages --*/
    .vote .vote-button, .vote-no-bar {
      display:none;
    }
    .vote .vote-button:first-child {
        display:block;
    }


{placement bouton merci}
.vote {width: 80px;}


{décallage contenu messages}
.postbody {
  padding-top: 51px;}

{centrer titres forums index}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {vertical-align:middle;}
.post td {vertical-align: top!important;}

{bordures autour avatars}
.postdetails .profil-avatar  {border:0px solid #222222;}




{citations & spoilers personnalisées arrondis et contours}
.code, .quote, .spoiler{
background: rgb(0, 0, 0);
border-radius: 5px 5px 5px 5px;
border: 2px solid rgb(163, 163, 163);
margin: 0px;
font-family: Segoe Print,Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: 8px 8px 8px 25px;
overflow: hidden;
}

{couleur zone multi quote interne}
.quote .quote {
  background-color: #4a4a4a;
  color: rgb(0, 0, 0);
}

{Arrondi cadre interne spoiler}
.spoiler_content {
  border-radius: 5x 5px 5px 5px;
border: 2px solid rgb(163, 163, 163)!important;
  padding: 8px 8px 8px 19px;
}
.spoiler_closed {
  border-radius: 10px;
  border-radius: 5px 5px 5px 5px;
border: 2px solid rgb(163, 163, 163)!important;
  padding: 8px 8px 8px 19px;
}
 




{fonds d ecran toutes résolutions centrés et fixes}
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

{centrer avatars}
.postdetails .profil-avatar {
  display: block;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 0px;
}

{taille chatt}
#chatbox_bottom {height: 230px!important;}

{pseudos non soulignés liste qui est en ligne}
a { text-decoration: none; }

{bordure cadre externe}
.bodyline{
    background-color: #222222;
    border: 8px #000000 solid;
   }


{modif fenetre edition message "provisoire"}
.sceditor-container
{
width: 98% !important;
margin: 10px auto 10px auto 1px auto !important;
background: #222222 !important;
border: none !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
  padding: 5px !important;
  background: #333333 !important;
  border: none !important;
}
.sceditor-toolbar
{
  background: #222222 !important;
  border-bottom: none !important;
}
.sceditor-group
{
  background: #222222 !important;
  border: none !important;
  border-radius: 5px !important;
}
a.sceditor-button
{
  background: #888888 !important;
  border-radius: 20px !important;
}
a.sceditor-button:hover
{
  background: #CCCCCC !important;
}
.sceditor-container textarea {
    font-family: Segoe Print !important;
    color: #888888 !important;
}
html#sceditor_smilies body {
    background: none;    /*pas de fond*/
}

Dans tous les cas merci pour votre aide, même si vous passez le relais!

[AldoMasta]

Up!

[lapamina]

Bonjour,
J'interviens sur ce sujet car j'ai exactement le même problème, apparu très récemment : plus aucun redimensionnement des images.
Aucun javascript n'est activé.
Les cases de redimensionnement sont bien remplies et tout a très bien fonctionné ainsi pendant plusieurs années.

Le souci ne pourrait-il être dû à la nouvelle rubrique de dimensionnement des fichiers joints ?
(juste une idée, je ne suis pas spécialiste)

Merci pour votre aide.

Pam.

EDIT :
Euh... je n'y comprends rien : il semble que cela fonctionne sur certaines page et pas sur d'autres...
De plus en plus bizarre.


EDIT 2 :
De plus en plus fort : sur une même page, des images redimensionnées, d'autres non + à chaque rafraîchissement, le problème évolue et se déplace.


exemple : ICI

[chattigre]

@lapamina
Votre forum (ou du moins le sous-forum qui contient votre sujet d'exemple) est fermé aux invités... Pourrait on donc avoir quelques captures d'écran ?


Ensuite votre problème me fait penser à un problème de cache... Avez vous pensé à vider celui-ci ?
Ce qui m'attire vers cette proposition est le fait que le problème se "déplace"
Cette explication ne vaut donc pas tellement pour la  1ère personne de ce sujet (pour le moment...)

Essayez avec un autre navigateur

Lien Utile :
Vider le cache internet

[AldoMasta]

Bonjour!

je précise que ceci :

il semble en fait que cela fonctionne "partiellement", l'image apparaît en énorme, et si on refresh la page, elle apparaît cette fois-là réduite

n'est plus d'actualité, il n'y a plus aucun redimensionnement, y compris après un refresh, pour une raison que l'on ignore, étant donné que l'on n'a rien touché... Encore un coup des gremlins!

Je viens d'essayer de vider les cookies du forum et de le synchroniser, de vider le cache du navigateur mais rien.

(quand vous dites "vider le cache", vous parler de notre navigateur? si oui, cela ne vient en principe pas de là, puisque plusieurs modérateurs m'ont confirmé avoir le même problème!)

Merci pour votre aide!

[AldoMasta]

PAR CONTRE, après un rapide test, je constate que la fonction "resize auto" semble PARFAITEMENT fonctionner sous Microsoft Edge!

Un problème de compatibilité avec chrome qui ne dépend pas de nous, peut-être?

[lapamina]

Merci pour vos réponses.

J'ai lancé la question sur mon forum, il semble que tout le monde n'est pas concerné et que le souci soit également sporadique chez ceux qui le constatent.
J'attends les réponses concernant les navigateurs.

De mon côté, en effet le problème est sur Chrome.
Sur Safari, pas de souci.

(navigateurs à jour - caches vidés)

A suivre...  

[thalie56]

Bonjour,

Même chose pour moi le souci se produit avec Chrome.

Pourtant navigateur à jour et cache bien vidé.

[AldoMasta]

En attendant une solution pour rendre à nouveau opérationnelle la fonction resize auto de base du forum , je vous informe que je viens de tomber sur une solution de secours ici, quelques lignes de css postées par @Neptunia, qui semblent fonctionner sur notre forum... On ne peut pas cliquer sur les images pour les agrandir comme d'habitude, mais c'est déjà ça!

https://forum.forumactif.com/t401259-modification-inattendue-de-la-taille-des-images

Bonsoir ^^


Personnellement j'utilise un CSS de type :

Code:

.postbody img, .post-content img {
  max-width: 80%;
}

Et c'est cumulable avec l'option de redimensionnement sur le PA

[Neptunia]

Bonsoir ^^

On ne peut pas cliquer sur les images pour les agrandir comme d'habitude, mais c'est déjà ça!

Si vous voulez pouvoir continuer à zoomer vos images, j'ai un autre script qui pourrait vous intéresser : le dernier posté, Jeu 26 Sep 2019 à 1h10

[Servimg] Comment désactiver les images cliquable ?

Pour quelques explications et un lien de démonstration, lisez à partir de Mer 25 Sep 2019 à 17h27

[AldoMasta]

Bonsoir ^^

On ne peut pas cliquer sur les images pour les agrandir comme d'habitude, mais c'est déjà ça!

Si vous voulez pouvoir continuer à zoomer vos images, j'ai un autre script qui pourrait vous intéresser : le dernier posté, Jeu 26 Sep 2019 à 1h10

[Servimg] Comment désactiver les images cliquable ?

Pour quelques explications et un lien de démonstration, lisez à partir de Mer 25 Sep 2019 à 17h27

Bonsoir (et merci pour l'aide! ),
le script permettant de zoomer semble incompatible avec l'un de mes scripts entrés récemment, qui adapte l'image de fond du forum à toutes les résolutions des utilisateurs. Quand je valide votre script, ce message apparaît:

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

Et l'image de fond du forum disparaît (le zoom ne semble pas non plus actif). Dès que je supprime votre script (celui du 26 septembre), hop, tout rentre dans l'ordre!

Le script qui semble entrer en conflit avec le votre:

Code:

   body {
 background-image:url(https://i.servimg.com/u/f37/17/81/19/53/fond_f39.jpg);
 background-size: 100% auto;
}

[Neptunia]

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

Il y a moins de problèmes quand on place les scripts dans la gestion des codes javascript et que l'on réserve la feuille CSS aux seuls codes CSS  

Gestion des codes Javascript

P.S. Le script est à placer sur les sujets

[AldoMasta]

Oups, mea culpa je n'avais pas saisi que c'était un Javascript!

C'est parfaitement fonctionnel, merci! En attendant que la fonction originelle soit réparée, ça fera très bien l'affaire!

(Par contre, est il possible d'ajouter peut-être un message "cliquez pour agrandir" au dessus des images qui peuvent l'être? Un peu comme avec la fonction originelle, quoi! Ou peut-être que l'image s'assombrisse quand on passe le curseur dessus? Je trouve que c'est moins intuitif sans la moindre mention, seul celui qui passera sa souris sur la photo et qui remarquera que le curseur change cliquera, quoi)

[lapamina]

Merci beaucoup pour les solutions de secours.
Je n'ai pas le temps aujourd'hui, mais je testerai.

En attendant, je confirme après début d'enquête sur mon forum : c'est bien Chrome qui pose problème.

Bonne journée à tous.

[canele]

Bonsoir j'aimerais bien savoir ce qu'il faut faire
pour régler ce probléme car je nage complètement
certaines pages pas de probléme et d'autre
il faut faire F5 pour que ça redimensionne
à y perdre son latin!
Merci de votre aide.

[rabolliot]

Bonjour,
Rencontrant les mêmes soucis je me permets de dire ce que j'ai constaté :
forum : [url=campingcar.forumactif.org]campingcar.forumactif.org[/url]

Utilisant au quotidien Chrome, j'ai testé avec Firefox, aucun souci, la réduction automatique fonctionne normalement.
Je vais donc voir avec les mise à jour, version etc, de Chrome. Ça marchait très bien jusqu'à maintenant, concernant les Javas script, je n'ai rien changé dernièrement, ils sont installé depuis des lustres sans avoir perturbé. Pour moi c'est résolu,
Bonne journée et merci aux intervenants.

[chattigre]

Je crois qu'il ne reste plus qu'à attendre que le STAFF mette le nez là dedans, ou à contacter Google

On ne fera pas grand chose de plus de pense

Patience...

[Pinguino]

Bonsoir,

Des tests seront menés courant de la semaine prochaine pour comprendre ce qu'il se passe. Pour nous aider, n'hésitez pas à indiquer quelques exemples de pages où nous pourrons reproduire facilement le problème ainsi que nous dire si votre version de Google Chrome est à jour ou non.

Un bon week-end à tous

[rabolliot]

Bonjour,
je vous joins deux captures d'écran d'une même image en 800X600, visualisée par firefox, puis avec Chrome.
Avec Chrome, elle prend toute la colonne, si une image de taille supérieure est posée, la page explose et il faut jouer du curseur horizontal pour lire.
Malheureusement beaucoup de membres ont pris la mauvaise habitude de ne pas réduire au préalable les images, se reposant sur le redimensionnement automatique. En attendant, ils redimensionneront leurs images et point barre....
Ma version de Chrome est à jour.

Le forum : [url=campingcar.forumactif.org]campingcar.forumactif.org[/url]
Avec Firefox


Avec Chrome elle prend toute la colonne

[rabolliot]

Si ça peut aider, sous Chrome :
Constaté à l'instant que lorsqu'on poste deux images , en prévisualisation les liens apparaissent pour disparaître lorsqu'on valide lepost :
Prévisualisation le lien est présent


Posté le lien disparaît