Pessoal, finalmente tive tempo para trabalhar nisso.
Espero que ainda haja algum interesse nesta TC!
O PR reformula a TC com as seguintes funcionalidades:
- Zoom e panorâmica (roda do mouse, beliscar e controles na imagem)
- Visualização em tela cheia
- Abrir as imagens originais em tamanho completo no lightbox
- Rótulos opcionais de antes/depois com posicionamento configurável
- Legenda opcional
- Vários estilos de alça (linha, fina, círculo, puxador) e cor personalizada para a alça
- Editar os sliders diretamente no editor de texto rico ou com markdown
- Acessível por teclado (setas movem o divisor,
+/-/0fazem zoom) - Restringir quem pode inserir sliders por grupo
O formato do markdown foi alterado usando a tag [wrap]. A compatibilidade retroativa é garantida.
É necessária a versão 2026.6.0-latest.
É compatível com dispositivos móveis e com RTL. No entanto, não sou especialista em UX e não pude testar muito em dispositivos móveis ou iOS.
Se quiser testar separadamente, você pode usar:
- URL:
https://github.com/arkshine/discourse-image-comparison-slider - branch:
modernize-with-rte
(Recomendo não editar os sliders da versão anterior para não alterar o formato do markdown)