画像比較スライダー

皆さん、やっとこの作業に取り組む時間ができました。
まだこの TC に関心がある方がいらっしゃることを願っています!

この PR は、TC を以下の機能で大幅に刷新します:

  • ズームとパン(マウスホイール、ピンチ操作、画像上のコントロール)
  • フルスクリーン表示
  • ライトボックスで元のフルサイズ画像を開く
  • 設定可能な位置の「前後」ラベル(オプション)
  • 説明文(オプション)
  • 複数のハンドルスタイル(線、細線、円、グリップ)とカスタムハンドル色
  • リッチテキストエディタまたは Markdown でスライダーを直接編集可能
  • キーボード操作対応(矢印キーで分割線移動、+/-/0 でズーム)
  • グループ単位でスライダー挿入権限を制限

Markdown 形式は [wrap] タグを使用するように変更されました。後方互換性は保証されています。
2026.6.0-latest が必要です。

モバイルおよび RTL 対応ですが、UX の専門家ではないため、モバイルや iOS でのテストは十分にできていません。

個別にテストしたい場合は、以下を使用してください:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • ブランチ: modernize-with-rte
    (※Markdown 形式を変更しないよう、以前のバージョンのスライダーを編集しないことをお勧めします)
「いいね!」 4