Bon, les amis, j’ai enfin eu le temps de travailler là-dessus.
J’espère qu’il reste encore un certain intérêt pour ce TC !
La PR refond entièrement le TC avec les fonctionnalités suivantes :
- Zoom et panoramique (molette de la souris, pincement et contrôles sur l’image)
- Affichage plein écran
- Ouverture des images originales en taille réelle dans la lightbox
- Étiquettes « avant/après » optionnelles avec un placement configurable
- Légende optionnelle
- Plusieurs styles de poignée (ligne, fine, cercle, poignée de saisie) et une couleur de poignée personnalisable
- Modification des curseurs directement dans l’éditeur de texte enrichi ou via Markdown
- Accessibilité clavier (les flèches déplacent le séparateur,
+/-/0pour zoomer) - Restriction de l’insertion de curseurs par groupe
Le format Markdown a été modifié en utilisant la balise [wrap]. La rétrocompatibilité est assurée.
La version 2026.6.0-latest est requise.
C’est compatible mobile et RTL. Cependant, je ne suis pas expert en UX et je n’ai pas pu beaucoup tester sur mobile ou iOS.
Si vous souhaitez tester séparément, vous pouvez utiliser :
- URL :
https://github.com/arkshine/discourse-image-comparison-slider - branche :
modernize-with-rte
(Je recommande de ne pas modifier les curseurs de la version précédente afin de ne pas changer le format Markdown)