이미지 비교 슬라이더

자, 여러분 드디어 이 작업을 할 시간을 찾았습니다.
아직 이 TC에 관심을 가져 주시는 분들이 있을까요?

해당 PR은 다음 기능을 갖춘 TC를 전면 개편합니다:

  • 확대 및 이동 (마우스 휠, 핀치, 이미지 위 컨트롤)
  • 전체 화면 보기
  • 라이트박스에서 원본 풀사이즈 이미지 열기
  • 배치 위치를 설정할 수 있는 선택적 이전/이후 레이블
  • 선택적 캡션
  • 여러 핸들 스타일(선, 얇은 선, 원, 그립퍼) 및 사용자 지정 핸들 색상
  • 리치 텍스트 편집기 또는 마크다운으로 슬라이더를 직접 편집
  • 키보드 접근성 지원(화살표 키로 구분선 이동, +/-/0 키로 확대/축소)
  • 그룹별로 슬라이더 삽입 권한 제한

마크다운 형식은 [wrap] 태그를 사용하여 변경되었습니다. 하위 호환성은 보장됩니다.
2026.6.0-latest 버전이 필요합니다.

모바일 및 RTL 환경에 적합합니다. 다만 UX 전문가가 아니고, 모바일이나 iOS에서 충분히 테스트하지는 못했습니다.

별도로 테스트하시려면 다음을 사용할 수 있습니다:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • 브랜치: modernize-with-rte
    (이전 버전의 슬라이더를 편집하지 않는 것이 마크다운 형식이 변경되지 않도록 권장됩니다)
6개의 좋아요