Photos tronquées

Bonjour,

Je ne sais pas si c’est nouveau et/ou déjà évoqué mais j’observe ce problème : quand je clique sur une photo du site pour la voir en plus grand, elle est tronquée (manquent une bande en haut et une bande en bas). Parfois on ne s’en rend pas compte (paysage avec beaucoup de ciel typiquement), mais pour les photos où un sommet se retrouve coupé ou celles avec du texte en bas (photos-topos), c’est dommage. Ça serait mieux que la photo se réduise aux dimensions de l’écran avec.
Constatez-vous aussi ce comportement ?

1 Like

Même remarque, problème assez gênant pour les photos topos en effet.

Bug à étudier alors. Vous parlez du slider donc ?

Un exemple i

ici ç’est bon pour le haut il y a de la marge avec le ciel uniforme.

1 Like

Si c’est possible de donner le lien, pour pouvoir regarder ça (plus tard par contre, désolé, pas le temps pour en ce moment)

oui

Quelques liens
Merci pour le travail

https://www.camptocamp.org/routes/877068/it/cima-di-entrelor-da-pont#swipe-gallery
https://www.camptocamp.org/routes/484762/fr/mont-tout-blanc-taou-blanc-par-le-glacier-de-l-aouille#swipe-gallery
https://www.camptocamp.org/routes/877068/it/cima-di-entrelor-da-pont#swipe-gallery

A priori si on rajoute la règle suivante ça fonctionne :
.image-viewer-slide img {
max-height: calc(100vh - 3rem - 30px);
}

Et on peut supprimer celle qui règle la hauteur de .image-viewer-swiper à condition de recentrer l’élément au milieu de la page.
Mais c’est un peu du bricolage, pourquoi on n’est pas tout en flex ? Bof en fait

Edit : il y a des erreurs de chargement de feuilles css au niveau de l’existant
La feuille de style Camptocamp.org n’a pas été chargée car son type MIME, « text/html », n’est pas « text/css ».
La feuille de style Camptocamp.org n’a pas été chargée car son type MIME, « text/html », n’est pas « text/css ».
La feuille de style Camptocamp.org n’a pas été chargée car son type MIME, « text/html », n’est pas « text/css ».
La feuille de style Camptocamp.org n’a pas été chargée car son type MIME, « text/html », n’est pas « text/css ».

un lien:
https://www.camptocamp.org/waypoints/37264/fr/mont-dolent#swipe-gallery

Le mont Dolent versant suisse a le sommet coupé

OK, me voilà de retour.
Oui c’est tout comme a dit @Florence_B, l’image peut aller jusque sous la navigation et le titre. Donc assez facile à corriger.

@Florence_B : oui c’est un peu le bordel le css du swiper, mais j’ai migré un peu a minima, faudrait avoir le courage de nettoyer le tout un jour…

Oui, mais on s’en fout un peu en fait.

Ce bug est une régression, il n’a pas toujours existé.
Il me semble que le problème dépend du ratio hauteur / largeur de l’image.

On dirait que c’est réparé (chez moi du moins). Merci !