[ Quoi de neuf au bivouac ? ] // 5 août 2020

Nouveauté : Album photo tactile !

Bonjour à tous,

Nous avons le plaisir de vous présenter une petite nouveauté qui ravira tous ceux qui consultent les albums photo sur smartphone ou tablette ! 🤩 🎉

Une nouvelle visionneuse a été mise en place et permet :

De faire défiler les photos dans un sens ou l’autre par simple "balayage" 🧹
De passer en plein écran !
D’afficher ou masquer la légende : simple "Tap"
D’afficher la photo en taille réelle : double "Tap" (ou en zoomant avec les doigts)
De se déplacer dans la photo zoomée...

...le comportement habituel qu’on attend sur smartphone somme toute !

On n’oublie pas pour autant les accros du clavier qui bénéficient eux aussi de ces fonctionnalités. Les flèches du clavier permettent en plus de faire défiler les photos, et aussi en cliquant sur les petites flèches de part et d’autre de la photo.

C’était une avancée nécessaire et attendue, et pour cause : plus de la moitié des visites du site se fait à partir d’appareils mobiles. Spécial dédicace à Pascal qui nous a encouragé dans cette démarche. 😉

à bientôt,

Vincent et Julien

PS : Pour les curieux, c’est la librairie PhotoSwipe qui a été mise en œuvre.

Réagissez !

Afficher les commentaires précédents (29).

Jicé

Hello Vincent et Julien

C’est tip top sur le portable 👍

Par contre pour les accros du clavier la légende des photos est maintenant minuscule, même avec mes lunettes c’est à peine lisible 😜

JC
Le 5 août 2020 à 20h26
michel

J’aime bien la version portable.
En revanche, la bande blanche et le défilement auto étaient un vrai plus... pas fan pour le coup !
Le 5 août 2020 à 20h45
Julien Lanfrey

Salut Jicé,

En effet ! Nous venons de faire l’ajustement.
Ça devrait aller mieux !
Merci pour le retour.

Julien
Le 5 août 2020 à 20h46
michel

J’ai du écrire le message en même temps que le tien Julien 🙂
Le 5 août 2020 à 20h50
Jicé

Ah bien là c’est beaucoup mieux, même plus besoin des lunettes !
Le 5 août 2020 à 21h35
Pascal

A ben voilà ! C’est juste tip top comme ça !!!

Je vais enfin pouvoir montrer le site à mes amis et les belles photos qui s’y trouvent sur leur smartphone durant nos sorties !
Le 5 août 2020 à 23h19
vermatoiz

C’est super, même pour les accros du clavier comme moi !
Et merci pour la taille des légendes, c’est mieux, mais j’aimais bien la bande blanche moi aussi...
Encore un beau boulot les gars !
Le 5 août 2020 à 23h26
Pascal

Le seul petit problème que je vois pour l’instant : Lorsqu’on est en mode "zoom" et que l’on souhaite se balader dans l’image, le simple fait de continuer à bouger alors qu’on bute sur un bord latéral fait passer à l’image suivante ou précédente, ce qui n’est en général pas voulu.

Suggestion : En mode "zoom", ne faire passer à l’image suivante ou précédente qui si on "insiste" sur le glissement au delà d’une certaine amplitude de swipe. Sinon, juste buter sur le rebord, avec éventuellement un léger rebond comme il est d’usage ces temps-ci.
Le 5 août 2020 à 23h33
michel

Pour les administrateurs, c’était quand même pratique le défilement auto....
Finalement, ça ressemble à ma visionneuse, on perd le charme de l’ancienne version avec le contour blanc.
J’aime bien le Zoom en cliquant sur l’image et la version portable.
Le 6 août 2020 à 09h27
jump38

J’adore la nouvelle présentation des photos sur fond noir sur PC, qui met vraiment en valeur les belles photos.
Ne manque plus que (facile à dire !) une possibilité de visionner les photos en mode diaporama avec, cerise sur le gâteau, un intervalle entre photos réglable.
Merci.
Le 6 août 2020 à 09h49
Pascal

Un des gros avantages de la nouvelle fonction "zoom" : De pouvoir se balader dans les panoramas !

Seulement, en ce qui concerne les panoramas, on a du mal à bien en profiter à cause de la limite actuelle imposée pour les images à 1600 pix de largeur max. Les images de panorama sont en général beaucoup plus larges que hautes, et cette limite est en leur défaveur : Tout y apparait minuscule, et même en taille native on n’y voit pas grand chose.

Je comprends parfaitement la raison de cette limite : Que les auteurs n’encombrent pas les serveurs de leurs photos à plus de 20 megapixels ce qui est totalement inutile pour une visualisation à l’écran. 1600 pix de large est largement suffisant pour une photo standard de bonne qualité à l’écran. Seulement voilà : Un panorama de 3200 x 600 prend autant de place sur le serveur qu’une image standard de 1600 x 1200 ! Ne serait-il pas pertinent de faire intervenir le resizing automatique pour limiter l’image à 2 mégapixels (plutôt que la largeur à 1600 pix) ? Ou éventuellement, que le resizing ne s’active pas tant que la taille du fichier reste inférieure à une valeur déterminée (ce qui permettrait aux auteurs aussi de jouer sur le paramètre de compression jpeg le plus adéquat).

Une autre petite fonctionnalité qui permettrait au visualiseur de mieux profiter des panoramas : En mode "zoom", qu’il y ait la possibilité de faire boucler l’image sur elle-même pour pouvoir parcourir "à l’infini" un panorama à 360° ! Cette fonction serait par exemple activée si le nom de l’image se termine par "_360" au moment de l’upload.

Euh, je sais, j’en produis de temps en temps, mais on n’est pas nombreux à fabriquer des panoramas à 360°...
Le 6 août 2020 à 16h54
vermatoiz

Je viens de constater un truc qui me manque beaucoup ; quand on ouvre l’album photo et qu’on fait glisser le curseur sans ouvrir les photos, la légende n’apparaît plus en surbrillance, c’est bien dommage lorsqu’on veut juste survoler les photos...
Le 6 août 2020 à 21h43
Jicé

Ah oui c’est juste Nadine, je n’avais pas remarqué, dans la version précédente ça marchait.
Pfff !... encore du boulot pour mercredi prochain 🙄
Le 6 août 2020 à 22h12
vermatoiz

Bon courage !
Le 6 août 2020 à 23h15
bibox

Le plein écran c’est la révolution !
Pareil que michel, j’ai eu un peu de mal avec le fond noir assez classique au début et j’allai proposer un fond rose Altituderando mais selon le format des photos, ça peut rendre lourd ou carambar ; puis je m’y fais depuis !
Si jamais vous vous ennuyez, vous devez y avoir déjà pensé, mais à quand une possibilité de mettre des photos en commentaires ? Et à quand un correcteur qui arrête de dire que l’on fait une fote en écrivant altituderando lol ?! 🙂
Allez j’arrête, bravo pour ce super boulot et merci !!
Le 10 août 2020 à 18h01
NoMaD

Site en constante évolution ! Bien joué les gars !
Le 11 août 2020 à 11h50
michel

Je partage l’avis de Nadine.
La surbrillance des légendes, le défilement auto étaient de vrais PLUS.
J’admire Julien pour toutes les évolutions, mais là, je suis dubitatif.
Le carré blanc a disparu au profit d’une simple visionneuse.
Pas fan, mais on peut ne pas avoir mon avis, en revanche, le côté pratique est desservi.
Le 11 août 2020 à 12h21
patrick73

Merci en tout cas vraiment bien pratique sur les smartphone (le mien en tout cas).
Comme d’hab bravo !
A+
Patrick
Le 11 août 2020 à 14h13
michel

Suis d’accord sauf que je doute que les administrateurs fassent les correctifs au smartphone !
Le 11 août 2020 à 14h17
Pascal

Pour ma part, je n’ai rien à redire sur la nouvelle visionneuse. C’est juste parfait comme ça ! Que ce soit sur ordi ou sur smartphone.

Le seul problème mineur que je ressens encore sur smartphone est qu’on passe trop facilement par inadvertance d’une photo à l’autre en se baladant dedans en mode zoom et en butant sur un bord latéral.

Je ne ressens pas le besoin d’avoir un défilement automatique, maintenant que c’est tellement facile de faire défiler au doigt à la vitesse que l’on souhaite. Bon, cela doit être possible de le rajouter pour satisfaire le plus de monde possible. Mais il faut que ça reste simple, ce n’est pas nécessaire de transformer la visionneuse en "usine à gaz"...

Un cadre noir comme c’est maintenant, c’est juste parfait pour bien mette en valeur les photos. Eventuellement, un gris neutre plus ou moins clair. Mais surtout pas de mauve ©AltitudeRando !

Les légendes en bandeau clair c’est graphiquement sympa, mais parfois gênant de le voir empiéter sur certaines photos. Tel que c’est maintenant me va parfaitement !
Le 11 août 2020 à 14h52
Néo

C’est quand même autre chose de regarder des photos en grand écran sur un Pc plutôt que des micros-vignettes qui défilent sous le doigt... quelqu’en soit la jubilation tactile LOL
Le cadre noir est quelconque, une valeur sûre pour plaire au plus grand nombre.
Si on avait le choix de la vitesse de défilement, ce serait top. Mais j’avoue que je suis déjà admiratif en l’état.
Le 11 août 2020 à 15h10
Julien Lanfrey

Merci pour tous vos retours !!

Cette visionneuse est un logiciel (PhotoSwipe) développé depuis 2015 par un contributeur à l’informatique open-source, sans lien avec Altituderando. On retrouve cette visionneuse sur pas mal de sites. Ce n’est pas un développement maison et nous ne pouvons pas faire d’ajustements fins concernant le tactile sauf à s’engager dans le développement de ce module, mais ce n’est pas à l’ordre du jour 😄

Sur un mobile Android, en mode "zoom", je n’ai remarqué le changement d’image que si je me déplace un peu plus dans l’image alors que je touche déjà le bord, sinon j’ai bien un "rebond"... C’est peut-être un comportement voulu par l’auteur. Il est possible aussi qu’il y ait de petites différences selon les téléphones ou le navigateur.

La visionneuse précédente posait pas mal de problèmes outre l’aspect non tactile. Par exemple, le fait que l’image soit dans une boite de taille variable (selon l’image affichée) et pas en plein écran faisait changer de place les petites flèches de défilement à chaque image. De même une légende un peu longue sur 2 lignes passait au dessus de l’image.

Nous avons fait quelques essais de couleurs et de transparence pour le fond. Le noir est ce qui passe le mieux quelle que soit la photo. Ça fait un changement c’est vrai. Ça donne un petit côté projection de diapos (de quoi ?) ou cinéma non ? Mais avec le défilement automatique en moins... On regardera si on peut y remédier.

Retaille automatique des photos : en principe, elle n’a pas lieu pour des panoramas (ratio L/H >= 2) s’ils pèsent moins de 500 ko.

La légende qui s’affiche au survol (avec une souris donc...) des vignettes est de retour. 😉
Le 19 août 2020 à 18h47
vermatoiz

Merci pour la légende au survol des vignettes ! Super !
Le 19 août 2020 à 19h48
Pascal
Le nom du massif sur la vignette de la rando : C’est graphiquement pas mal, mais ça empiète un peu beaucoup sur la photo elle-même qui n’est pas bien grande...

Pour atténuer ce petit défaut, je propose :
- Que le fond blanc du texte soit à 50% de transparence.
- Eventuellement, de mettre ce bloc de texte complètement dans le coin de la photo,.
Le 22 août 2020 à 00h49
Pascal

... Et éventuellement, juste pour un style classieux, que lors du survol souris, le bloc de texte apparaisse et disparaisse en glissant hors de la photo (synchro avec la barre mauve sous la photo)...

Mais là, je suis d’accord, c’est du peaufinage pinaillage !
Le 22 août 2020 à 01h02
Jicé

Hello

Super ces nouveautés, merci les gars !

Remarque sur les topos :
La taille de police des titres est devenue "imposante" et de plus en caractères gras...c’est voulu ?
Idem pour les titres des rubriques : Accès, infos essentielles....
Le 22 août 2020 à 10h10
Jipé

Super ces améliorations, le plein écran sur un 28" c’est parfait, pour l’apli mon portable traditionnel à clavier lui n’est même pas ému ...
Et moi sortis de la maison je préfère être connecté à mon environnent, le vrai celui que l’on peut toucher, qui a les yeux qui brille et qui sent bon le parfum des saisons qui passent. 😉

Ceci dit bravo et pour merci votre beau boulot (et ce n’est pas si simple que ça en a l’air dans les coulisses), un vrai beau site de qualité ! 🙂
Le 22 août 2020 à 10h51
Vince

@Jicé Salut Jicé ! Oui, on a volontairement changé la typo sur les topos (pour les sorties cela reste identique). L’idée est d’avoir un élément de plus pour démarquer topo et sortie 😉 et d’être en cohérence graphique avec le reste du site. Mais, tu vas me dire, c’est peut-être également bon pour moi qui commence à avoir la vue qui baisse (oh purée l’âge ....).
@Pascal : Salut Pascal > je vais tenter de caler cela totalement en bas de la photo et pour l’apparition / disparition du texte, Je vois que ton intérêt pour le web et l’intégration HTML/CSS te donne des idées ! 😉
@Jipé : merci pour tes retours !
Le 24 août 2020 à 13h14
Jicé

@Vincent
Pour le coup, j’ai plus besoin de lunettes pour lire les titres des topos.
C’est trop sympa de penser aux Altituderandonneurs du troisième âge 🤓
Bonne continuation à vous deux et au plaisir d’une nouvelle rando....
Le 24 août 2020 à 18h37
Vince

@merci Jicé !
@Pascal > et hop ! Modifs faites, c’est opérationnel ! 😉
Le 26 août 2020 à 16h47
Pascal

J’ai un problème lorsque j’essaie d’utiliser le visualiseur de photos en tactile (smartphone ou tablette, dans mon cas smartphone Android 8 + Firefox).

En mode "zoom", lorsque je me balade dans la photo, dès que je viens buter sur le bord haut ou bas de la photo (ce qui arrive inévitablement), la plupart du temps cela me sort du mode "zoom". Cela rend l’exploration d’une photo en mode "zoom" presque inutilisable !

Ce que je propose : En mode "zoom", le "glisser" du doigt doit *uniquement* servir à se balader dans la photo ! Si on souhaite passer à la photo suivante ou précédente ou sortir du diaporama, il faudrait tout d’abord sortir du mode "zoom" (par un double clic ou le bouton "revenir").

Cela obéit à une règle importante à suivre dans la conception d’interfaces : Eviter qu’une même action active des fonctionalités totalement différentes en fonction d’une différence de situation difficilement identifiable.

Un autre bug plus cosmétique. En mode "diaporama", lorsque le "glisser" du doigt tire légèrement vers le haut en faisant défiler les images, un élément non voulu s’affiche parfois dans une bande au bas de la page (par ex. un morceau d’image ou un élément d’interface) et la légende de la photo ne s’affiche plus.
Le 26 octobre 2020 à 10h46