Bonjour,
Pour des questions d’ergonomie et d’accessibilité (je me fais vieux) je désire remplacer les commandes de thickbox par celles de fancybox.
Je me heurte à plusieurs problèmes :
les commentaires lity sont trop succints pour que j’y comprenne quelque chose
Mes supers pouvoirs de dev (copier/coller/chercher/remplacer) sont inopérants.
De plus, il y a surement d’autres fichiers que ceux du dossier skin
je m’en suis aperçu en appliquant la méthode bourrin.
Le simple remplacement du lity.css ne transforme pas le skin de thickbox en fancybox, mais crée une chimère.
Je cherche donc une (ou plusieurs) personne pour me guider
Clt
J’ai du mal à comprendre quand tu parles de thickbox… c’est un plugin spécifique ?
Je devine bien que tu souhaites personnaliser les styles de la boîte multimedia ; Et donc c’est le plugin-dist mediabox qui est concerné.
Ce dernier se comporte comme une façade (allez, osons le terme api), qui s’appuie sur une lib externe.
Historiquement, il s’agissait de colorbox, remplacé dernièrement par lity.
Mais par principe, il est envisageable de rendre toute modale box compatible (fancybox doit pouvoir l’être), dans la mesure où elle supporte les fonctionnalités revendiquées par mediabox (images, slideshow, iframe, contenus ajax…)
Avec Lity, tout (ou presque) est affaire de CSS ; ceci dit, la possibilité de choisir entre différents thèmes pour le public - ce qui était l’apanage de colorbox - a été conservé.
Je peux te partager un exemple d’implémentation d’une modalbox tierce si ça t’intéresse.
Non, il s’agit du skin/style/theme de l’ancien thickbox qui a été intégré dans la mediabox, je l’utilise depuis toujours pour la lisibilité de ses « légendes » .
L’absence d’ergonomie et d’accessibilité de ses commandes étaient compensées par « l’avancée au clic », (supprimée en spipV4) et la possibilité de cliquer en dehors de l’image pour fermer la" box" toujours présente.
Je commence a avoir du mal à suivre le déplacement de ses flèches minuscules.
Tout à fait, vous avez raison
Fancybox est déjà dans la mediabox, c’est le seul skin/thème proposé ayant des commandes avec une bonne accessibilité.
Son système de flèche est excellent.
par contre :
mise en place d’un watermark détruisant la photo
Utilisation de ce watermark pour mettre la légende en surimpression, la rendant peu ou pas du tout lisible (normalement, on y met seulement des truc style copyright)
absence du filtre supprimer_numero et présence d’informations techniques inutiles pour l’utilisateur
du coup, on déplace le problème d’accessibilité des commandes vers la lisibilité
J’ai effectivement trouvé un dossier skin avec des css nominatifs, mais
je n’y comprend rien, les commentaires sont réduits à un ou 2 mots.
il y a d’autres fichiers à modifier, puisque, contre toute attente, remplacer le css de thickbox par celui de fancybox, ne la transforme pas en fancybox , mais en une chimère.
Qu’entendez vous par là. Dois-je comprendre que ce sont des fichiers à rajouter à médiabox ?
A part, le copier coller et les modifs en aveugle pour voir ce que cela donne, je ne sais rien faire d’autre.
J’ai déjà farfouillé dans les squelettes de la dist mais ils sont bien plus documentés et surtout, j’avais reçu des explications du forum.
Clt
Bon, je finis par comprendre… il y avait un quiproquo.
Pour moi thickbox et fancybox faisaient références à des libs javascript externes.
Quand tu emploies ces termes, tu fais plutôt référence aux différentes skins de colorbox, qui étaient disponibles avant l’arrivée de Lity.
Bon, et bien si tu es nostalgique de ces skins, sache que tu peux continuer à les utiliser en installant le plugin colorbox et en sélectionnant cette dernière dans la page de configuration ?exec=configurer_mediabox
Bonjour,
Je viens de m’apercevoir que je n’ai pas validé le brouillon j’en profite pour le modifier…
Ce sont toujours les mêmes dans lity, il ont été adaptés pour passer de colorbox à lity
La seule différence, c’est la suppression de « l’avancée au clic » avec le passage à spip 4
N’étant pas doué pour m’expliquer, j’ai voulu faire des copies d’écran et là un petit détail m’avait échappé :
Contre toute attente, dans l’espace privé, mediabox se fout totalement du thème sélectionné, content, pas content, c’est son propre thème qui est activé et pas celui choisi.
Du coup, les flèches que j’avais vu n’appartiennent pas à fancybox mais directement au thème privé de mediabox…
Avec mes petits moyens, je commence à être dépassé, je jette l’éponge.
Merci de votre intérêt pour mon sujet et désolé de ne pas avoir répondu plus tôt.
Bonnes fêtes de fin d’année
Clt
Bonjour,
Merci pour ta suggestion.
effectivement, ce n’est pas super simple, mais surtout, sur l’exemple donné, la légende est totalement décorrélée de l’image (tout en bas, en tout petit). Je suppose, qu’il y a moyen d’assombrir le fond, car la superposition rend tout illisible
Les flèches sont les grosses flèches de la mediabox dans le backoffice et elles sont donc fixes.
La taille du pavé légende est extensible verticalement et les lignes supplémentaires ne masquent presque pas la photo
J’aurais aimé que bloc légende tienne la largeur de la fenêtre pour gagner de la place (moins de retour ligne), mais après réflexion, c’est un bon compromis ergonomie/lisibilité avec un visuel honnête.
Il me reste plus qu’à déterminer si cela marche avec le css dans squelette (les 10% restants) car il est dans la dist, mais ce sera pour plus tard.
Clt
Bon, j’avais un peu de temps, j’ai tenté un truc en mettant la structure du plugin et le « skin » dans le dossier squelette, mais le plugin ne va pas le chercher, c’est un peu logique…
Résultat, à chaque MAJ, le dossier dégage… Spip est devenu un vrai M Propre…
Si quelqu’un a une idée…
Sinon, c’est pas grave, je suis bien plus têtu que spip.
Clt
Au fait pourquoi est-ce qu’il y a [Abandon] dans le titre de ton sujet ? En général on met résolu, ou rien ? Serait-ce résolu ? (sous réserve que tu mets bien tes fichiers dans un dossier squelettes et pas dans la dist )
elles sont dans squelettes mais c’est un skin supplémentaire personnalisé de médiabox et non un squelette personnalisé, et il est visible/selectionnable que s’il est avec les autres dans le plugin lui même, ce qui me semble pas illogique
Parce que je n’avais pas d’idée pour m’en sortir rapidement.
CAD plus de 24h réelles de bourrinage sur un seul fichier, lorsque j’ai eu un peu de temps. (je suis têtu)
Actuellement, ce n’est pas fini, je viens de me faire virer le skin deux fois par spip comme je le craignais
Un peu de temps à tuer m’a fait relancer le truc qui n’a pas fonctionné
En fait, il y a un dossier comprenant un css+une vignette, lu par mediabox
Après, si vous voulez passer le sujet en résolu, no problem, je n’ai pas accès de toute manière.
Tu veux dire qu’il y a une limitation du plugin qui fait qu’il n’est as capable d’aller chercher des skins supplémentaires dans le dossier squelettes ?
Si oui, on pourrait considérer ça comme un bug, ou, du moins, une évolution souhaitable.
On ne peut pas vraiment parler de surcharge, je n’ai ni les compétences… ni les années de vie pour faire ce genre de tentative
il s’agit juste de s’appuyer sur fonctionnement normal de mediabox 1) création d’un skin
je suis parti du skin de l’espace privé et du skin thickbox
j’ai réussi à créer un skin rassemblant :
les grandes flèches (avec « cible » qui les élargissent encore)
Le cadre blanc de thickbox avec une grande police bien lisible pour la légende
Bref, un truc avec une meilleure ergonnomie qui soit adapté à mes petits problèmes de mains et de vision
2) emplacement du skin
j’ai bêtement mis ça dans un dossier « choucabox » (non pas de souci avec mes chevilles ) et ajout dans le dossier skin de mediabox pour voir le comportement
C’est pris en compte instantanément par mediabox comme je l’espérais
3) pérenniser le dossier
trouver une solution pour rendre le skin supplémentaire pérenne lors des mises à jour = échec
Tout à fait, le dossier
squelettes/mediabox/lity/skins/choucabox, n’est pas pris en compte
le dossier
squelettes/plugins-dist/mediabox/lity/skins/choucabox, ne l’est pas non plus.
Et vu que c’est le seul truc dans mes capacités…
Non, mais de toute façon, je pense que c’est le principe de tous les plugins.
ma dernière idée, c’était de savoir si on pouvait trouver un truc tordu pour bloquer le nettoyage de ce dossier ou forcer sa prise en compte en mettant le css ailleurs (surcharge de mediabox).
Clt
Bonjour,
j’ai toujours cru qu’on devait mettre la hiérarchie en totalité pour que spip retrouve les fichiers modifiés
Du coup, cela signifie
que je n’ai jamais rien compris à squelettes
que votre solution marche impeccable et qu’elle est propre, c’est SPIP qui va être content.
J’ai mis à jour un des mini sites en spip4 et choucabox
exemple sur un portfolio un peu garni Paris (75) - Archives photos et documents
Merci à tous pour votre aide
Désolé, je ne peux modifier les vieux titres de sujets, mais j’en connais un que cela démange de le passer en résolu
Clt
) et ajout dans le dossier skin de mediabox pour voir le comportement