Bonjour à tous,

J'ai un souci avec la taille de certaines miniatures sur un site fait avec blogger (avec un thème tier).
Cela serait dû apparemment au changement récent d'adresse des URLs des nouvelles images importées dans Blogger. (les images étaient chargées anciennement à l'emplacement https://1.bp.blogspot.com à présent les nouvelles images postées se trouve dans https://blogger.googleusercontent.com/img et ça me met le bazar !)

Par exemple, quand je créer un nouveau post avec une image, celle-ci "remonte" notamment
dans le widget "related posts" et "megamenu" sous forme de miniature mais elle s'affiche toute floue !
En regardant le code généré par la miniature je vois au bout de son url "s72-c" (dans mon inspecteur d'html je change le 72 en 300 et j’obtiens la bonne résolution... je me dis super !)
mais dans le code partout où je trouvais s72, je code : image_url.replace('s72-c', 's300-c')
rien n'y fait !! Les miniatures restes floues... Smiley sweatdrop

Du coup moi aussi je suis dans le flou complet, si quelqu’un pouvait me mettre sur une piste
ça serait bien sympa !
le site en question :
https://www.rivagesarchitectures.com
On y voit des miniatures floues notamment dans le menu horizontal
et en bas des pages d'articles dans le widget "related post" renommé "Mais aussi..."

Merci Smiley smile
connecté
Modérateur
Bonjour,

Ce matin, en me levant, je ne savais pas qu'un truc qui s'appelle "blogger" existait (ou plutôt je n'avais pas trop fait gaffe que ça existait). Donc je n'ai aucune idée de ce que tu peux changer ou pas et comment.

Ceci étant, je vois dans le code de tes pages à un moment au milieu d'une ligne de script assez longue :
url.replace(/\/s72\-c\//,"/s200-c/")

Si tu remplaces ça par :
url.replace(/\/s72\-c\//,"/s200-c/").replace(/=s72\-c$/,"=s200-c")

... peut-être que ça tombera en marche, en tout cas en ce qui concerne le megamenu.

EDIT: le code ci-dessous semble un peu plus approprié parce qu'il y a certains cas bizarres, mais si ça se trouve, il faudra faire d'autres adaptations (à vérifier au fur et à mesure que l'on découvre que cela ne marche pas pour certaines images) :
url.replace(/\/s72\-c\//,"/s200-c/").replace(/=s72.*\-c$/,"=s200-c")


Si c'est bien ça, la raison est que le code js du megamenu n'arrive pas à changer la taille des images de 72px à 200px de large pour celles qui ont le nouveau type d'url (celles de https://blogger.googleusercontent.com/img).

Tu y étais presque.

Amicalement,
Modifié par parsimonhi (16 Jan 2022 - 05:54)