Problème d'affichage de photos.

[arckatz]

Bonjour à tous.

Depuis quelques temps, j'ai quelques photos qui ne s'affichent plus sur mon site arckatz.fr construit avec joomla 3.9.22. Elles apparaissaient normalement jusque là mais, du jour au lendemain, fini comme si elles n'existaient plus, or j'ai vérifié sur mes médias et elles sont toujours là. Je précise qu'elles sont présentes sur la version ordinateur et disparaissent rapidement. j'ai également inspecté la base de données mais je manque cruellement d'expériences pour trouver le problème. est-ce en lien avec la configuration je ne sais pas et je demande quelques conseils.
Merci d'avance pour l'aide qui pourra m'être apporté.

Cordialement.

[jps0302]

Bonjour
J'ai parcouru tous les liens de menu de votre site et je vois s'afficher les photos.
dans quel menu constatez-vous le problème ?

[arckatz]

Salut,

Et bien c'est sur la page d'accueil principalement , 2 photos en dessous de la bannière et le logo en haut style bannière aussi.
Mais il y a également une photo sur la page du chat mâle easylover, qui se trouve en bas.
Merci à toi.

[jps0302]

Salut
Voici les images de la page d'accueil et de la page easy lover en PJ., telles que je les vois ...
Je vois bien les photos au dessous de la bannière, ainsi que le logo
Ou se trouvent les photos manquantes ?

[dolmenhir]

Salut,

Pour ma part je vois bien ces images, comme celles sur toutes les autres pages et, apparemment, il n'en manque aucune.
Par contre le site est le parfait exemple de choses qu'il ne faut pas faire.

Je sais que je sors du sujet principal, mais c'est pour la bonne cause car ton site a vraiment besoin d'être corrigé.

Sur la page d'accueil, ta première miniature (oscar_couch.png) est affichée à 190x199 px
Or, l'image réelle de cette image est 1000x1050 px, et son poids d'environ 971 kB
Quel intérêt d'utiliser une image aussi grande et aussi lourde pour une miniature inférieure à 20% de sa taille réelle, surtout quand on ne peut même pas cliquer dessus pour l'agrandir (et même là ce ne serait pas la bonne méthode) ?
Sur d'autres pages c'est parfois le contraire, le site affiche des images dans une dimension plus grande que l'image d'origine. Du coup les pixels sont étirés et l'image est altérée.

Pour le texte des pages c'est pas mieux.
Chaque ligne d'une même phrase est indépendante, disposant de sa propre balise de paragraphe et, qui plus est, se voit entourée de balises "span" pour chaque style attribué.
Un texte qui pourrait être

<p>Voici Moonlight, notre magnifique second mâle qui nous vient de la chatterie Tribal Bengal. Il est une perle de caractère, un pelage extraordinaire et une intelligence débordante. On ne regrette pas une seconde de l'avoir tant il nous accompagne dans notre quotidien. Il sait ce qu'il veut et n'hésite pas à nous le faire comprendre, il ne peut se passer de notre présence, en somme c'est le chat qu'il faut. </p>

est en fait

<p style="text-align: center;"><span style="font-size: 12pt;">Voici Moonlight, notre magnifique second mâle qui nous vient de la </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">chatterie </span><span style="font-size: 12pt;">Tribal Bengal. Il est </span><span style="font-size: 12pt;">une perle de caractère, un pelage </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">extraordinaire et une intelligence débordante.</span><span style="font-size: 12pt;"> On ne regrette </span><span style="font-size: 12pt;">pas une </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">seconde de l'avoir tant il nous accompagne dans </span><span style="font-size: 12pt;">notre quotidien. Il </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">sait </span><span style="font-size: 12pt;">ce </span><span style="font-size: 12pt;">qu'il veut </span><span style="font-size: 12pt;">et n'hésite pas à nous le faire comprendre, il ne peut </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">se passer de notre présence, en somme </span><span style="font-size: 12pt;">c'est le chat qu'il faut. </span></p>

C'est simplement hallucinant...

Je ne sais pas comment tu t'y prend pour la saisie des articles, mais visiblement c'est loin d'être une méthode efficace.
Et je ne sais pas quelles sont tes prétentions en terme de référencement, mais avec une telle organisation des textes, je te conseille de ne pas trop espérer...

Autre problème qui, à ce stade, en devient anecdotique : le bouton "cliquez ici" de la page d'accueil, qui mesure 46x15 px.

As-tu essayé une seule fois de voir ce que tout cela donnait sur un smartphone ?

Allez, un p'tit effort, et tu verras qu'à la fin tu me remercieras pour ma critique.

Dol.

[arckatz]

Salut dolmenhir,

Je te remercie déjà de ta franchise. Je précise que je ne suis pas un pro et que j'ai fait moi même donc c'est sûr que ce n'est pas parfait.
Toutefois je n'en reste pas là non plus et que je suis curieux de savoir comment améliorer tout ça.
Pour les photos, j'ai utilisé simplement les paramètres avancés des articles pour diminuer les photos de départ. Je pars de photos d'une certaine taille faite sur photoshop ou gimp et je les diminue ensuite en interne. Que me conseille tu de faire ?
Ainsi que pour les textes ?

[dolmenhir]

Salut dolmenhir,

Je te remercie déjà de ta franchise. Je précise que je ne suis pas un pro et que j'ai fait moi même donc c'est sûr que ce n'est pas parfait.
Toutefois je n'en reste pas là non plus et que je suis curieux de savoir comment améliorer tout ça.
Pour les photos, j'ai utilisé simplement les paramètres avancés des articles pour diminuer les photos de départ. Je pars de photos d'une certaine taille faite sur photoshop ou gimp et je les diminue ensuite en interne. Que me conseille tu de faire ?
Ainsi que pour les textes ?

Je suis bien conscient que tu n'es pas pro, mais l'intérêt de cette communauté est aussi de permettre à des non-pro de s'améliorer.

Pour les photos, je te conseille de définir une dimension pour chaque type d'usage et de générer toutes tes images selon les règles d'usage que tu t'es fixé, et de ne placer sur les pages que celles qui correspondent à la règle de la page.

Ainsi, les pages de même nature auront un aspect identique, ce qui donnera à ton site un côté plus sérieux et rigoureux.

Si tes images d'origine n'ont pas toutes le même format, essaye de partir de la version la plus petite pour en déterminer les dimensions de base.
L'autre bénéfice sera la vitesse de chargement de tes pages.

Pour le texte, ne fait pas de saut de ligne qui a pour effet de casser les phrases.
Laisse tes phrases entières.
Ne fait des saut de ligne que si tu changes de paragraphe.
Et inutile de personnaliser la taille de tes textes, cela évitera tous d'avoir toutes ces balises span bien inutiles.

[arckatz]

Merci à toi, je vais regarder cela cet après-midi.

[arckatz]

Bonjour à tous, je reviens vers vous pour vous donner des nouvelles concernant les photos qui ne s'affichaient pas.
Grâce à toi dolmenhir j'ai en effet changé les photos en reprenant leurs tailles originales et en les mettant en forme avant de les transférer. Miracle, tout remarche parfaitement sur mon portable. Tes critiques m'ont fait évoluer.

[arckatz]

Est-ce que tu pourrais m'expliquer comment mettre des photos cliquables ?. Est-ce qu'il faut placer une photo petite dans l'article et lui mettre un lien sur la même photo mais en taille plus grande ou alors une autre possibilité ?

[Eddy.vh]

Bonjour.

Si tu places tes photos à la volée dans des articles, tu peux utiliser l'editeur JCE et le plugin JCE Mediabox. Ça permet de placer des miniatures avec un lien vers l'image qui s'affichera alors dans une lightbox.

Le plugin UP de lomart et son action "Modal" permettent aussi divers affichages de lightbox dont des images.

[arckatz]

Salut et merci pour ta réponse Eddy.vh, j'ai justement installé ce matin JCE MEDIABOX 2 mais j'avoue ne pas trop savoir comment l'utiliser.

[lomart]

Bonsoir,

Eddy cite UP et modal, mais j'ai un autre plugin qui fait cela spécifiquement : https://lomart.fr/extensions/lm-zoom

Il a plein d'options pour faciliter et simplifier son utilisation

[arckatz]

Merci beaucoup lomart, je vais essayer ce plug in dès demain et voir sa facilité d'utilisation.

Bonne soirée et merci encore.