Skip to content

Refonte de la mediabox

cerdic a demandé de fusionner gh-ea926fc4/1/unknown/refs/pull/1/head vers master
  • la mediabox devient vraiment extensible, sur la base du travail initial de Placido
  • integration de Lity https://sorgalla.com/lity/ comme base de la nouvelle box par defaut, avec correction de bug accessibilite et ajout de la fonctionnalite de gestion des albums/diaporama
  • 4 skins par défaut : simple noire, simple claire, thickbox et fancybox
  • suppression de la colorbox qui n'est plus livree par defaut. Un plugin colorbox https://git.spip.net/spip-contrib-extensions/colorbox permet de rétablir l'ancienne box sur les sites qui en auraient besoin (il suffit d'activer le plugin pour que colorbox soit de nouveau active, sans aucun besoin de passer par la configuration, et de le desactiver pour retrouver lity)

En principe c'est transparent : tous les liens qui étaient pris en charge avant le seront de la même façon, et le comportement doit être globalement le même.

<a href="#mapopin" class="mediabox boxInline">
<a href="#URL_PAGE{sommaire}" class="popin">Cliquer pour voir la une</a>

La nouvelle box offre des syntaxes plus moderne d'activation:

<a href="#mapopin" data-href-popin="#mapopin">
<a href="#mapopin" data-href-popin="#mapopin" data-box-type="inline">
<a href="#URL_PAGE{sommaire}" data-var_zajax="content">
<a href="#URL_PAGE{sommaire}" data-var_zajax="content" data-box-preload>

Reste a faire :

  • permettre de piloter la taille de la box par des attributs du lien (utile pour les iframes)
  • fixer le namespace js qui est actuellement box mais ça me semble trop générique. Je pense passer à mediabox qui serait cohérent avec tout le reste, et du coup les attributs seraient de la forme data-mediabox-.... C'est un peu plus verbeux mais sans risque de collision

La transition depuis colorbox se fait normalement automatiquement : le plugin active lity au premier appel, sauvegarde les réglages de colorbox si jamais on venait a la reactiver, et copie les réglages réutilisables dans les réglages de lity.

A tester intensivement donc :)

Rapports de requête de fusion