Re: Refonte Mediabox [wip]

C’est corrigé et je viens d’ajouter une fonction diaporama.

Je crois qu’avec ça on a toutes les features. Il reste à gérer les quelques configs et on aura une bonne base
(il y aura surement aussi une passe à faire d’affinage des styles en petit écran)

--
Cédric
Le 9 oct. 2020 à 17:24 +0200, Cerdic <[email protected]>, a écrit :
> Oui et non : les boutons suivant/précédent sont actuellement presque sur toute la hauteur de l’écran, donc si tu as un petit écran, ou que l’image est très grande il reste presque pas de zone « en dehors de l’image et en dehors des boutons »
> Peut-être il faut des boutons un peu plus petit en hauteur en limitant par exemple à 25% de la hauteur de l’écran ?
>
> --
> Cédric
> Le 9 oct. 2020 à 17:08 +0200, Eric Lupinacci <[email protected]>, a écrit :
> > Hello,
> >
> > Un petit truc.
> > Quand on est sur une image le fait de cliquer en dehors de l'image ferme la popup. Ok.
> > Quand on est dans une galerie le fait de cliquer en dehors de l'image est équivalent aux boutons suivant et précédent.
> > C'est voulu ? normal ? Parce que je trouve ça déroutant la première fois par rapport au comportement des images.
> >
> >
> >
> >
> >
> > > Le ven. 9 oct. 2020 à 16:59, Cerdic <[email protected]> a écrit :
> > > > Hello,
> > > >
> > > > merci pour vos retours.
> > > >
> > > > Les points suivants sont donc corrigés :
> > > > - le signalement du focus des boutons close/prev/next est forcé dans la css de la box, et non hérité par défaut du site
> > > > - les boutons prev/next sont en position fixed dans l’écran et ne bougent donc plus. Ils sont par ailleurs visible immédiatement et plus seulement au survol
> > > > - il y a un background sur les images
> > > > - on peut fermer la box pendant son chargement si c’est trop long
> > > >
> > > > --
> > > > Cédric
> > > > Le 9 oct. 2020 à 15:11 +0200, pierre laszczak <[email protected]>, a écrit :
> > > > > Hello,
> > > > >
> > > > > Super! je viens de tester à l'instant sur contrib et je suis du même avis que tcharlss
> > > > >
> > > > > > Une petite suggestion d'UX : pour les galeries, est-ce que c'est possible de mettre les flèches de navigation en position fixe sur les côté (et ce de base, sans avoir à bidouiller les styles) ?
> > > > > > Là elles sont collées par-dessus l'image, ce qui fait qu'avec des images de tailles différentes elles changent constamment de place, ce qui rend la navigation à la souris moins facile.
> > > > >
> > > > > Il y a un autre soucis sur les connexions lentes, je pense notamment au diaporama:
> > > > > -> Une fois qu'une action js est lancée on ne peut pas l'annuler en cliquant sur close ou hors de la fancybox! on est obligé d'attendre que la requête ajax soit terminée.
> > > > >
> > > > > > Le ven. 9 oct. 2020 à 00:48, nicod_ <[email protected]> a écrit :
> > > > > > > Le 07/10/2020 à 23:59, nicod_ a écrit :
> > > > > > > > Il faudrait pouvoir la faire tester par un·e expert·e accessibilité.
> > > > > > > >
> > > > > > > > Peut être Roman, s'il nous lit ici ?
> > > > > > >
> > > > > > > Un premier retour de notabene :
> > > > > > >
> > > > > > > > Au clavier c'est tout bon (sauf le bouton "fermer" qui n'a pas d'outline perceptible). On cycle dans la popin sans en sortir, pas de perte de focus, etc. Quand on ferme la popin ça remet le focus sur le lien ouvrant. Tout bon.
> > > > > > > >
> > > > > > > > Les flèches ne sont affichées qu'au survol, ça n'aide pas  l'utilisateur pour voir que la popin est un carrousel (il peut pas deviner tout seul gauche/droite).
> > > > > > > >
> > > > > > > > J'essaie de tester bientôt avec mon lecteur d'écran. Mais déjà c'est bien cool.
> > > > > > >
> > > > > > > https://toot.cafe/@accessiblestef/105000951846500269
> > > > > > >
> > > > > > > Ça sent bon tout ça, en plus elle est vachement plus light et jolie
> > > > > > > cette box :)
> > > > > > >
> > > > > > > --
> > > > > > > nicod_
> > > > > > > _______________________________________________
> > > > > > > liste: https://listes.rezo.net/mailman/listinfo/spip-dev
> > > > > > > doc: https://www.spip.net/
> > > > > > > dev: https://core.spip.net/
> > > > > > > irc://irc.freenode.net/spip
> > > > _______________________________________________
> > > > liste: https://listes.rezo.net/mailman/listinfo/spip-dev
> > > > doc: https://www.spip.net/
> > > > dev: https://core.spip.net/
> > > > irc://irc.freenode.net/spip
> _______________________________________________
> liste: https://listes.rezo.net/mailman/listinfo/spip-dev
> doc: https://www.spip.net/
> dev: https://core.spip.net/
> irc://irc.freenode.net/spip