# 커스텀 라이트박스 - 모던한 디자인, 스와이프 제스처, 풀스크린 모드 등

**URL:** https://meta.discourse.org/t/custom-lightbox-modern-swipe-gestures-fullscreen-mode-and-more/225797
**Category:** Theme component
**Tags:** lightbox
**Created:** [5월 1, 2022, 11:27오전 UTC](https://meta.discourse.org/t/custom-lightbox-modern-swipe-gestures-fullscreen-mode-and-more/225797 "2022-05-01T11:27:07Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [5월 1, 2022, 11:27오전 UTC](https://meta.discourse.org/t/custom-lightbox-modern-swipe-gestures-fullscreen-mode-and-more/225797/1 "2022-05-01T11:27:07Z")

</div>

| | | |
| --- | --- | --- |
| 👓 | **미리보기** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/custom-lightbox) |
| 🛠 | **저장소** | [GitHub - VaperinaDEV/discourse-custom-lightbox · GitHub](https://github.com/VaperinaDEV/discourse-custom-lightbox) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스커스 테마를 처음 사용하시나요?** | [디스커스 테마 사용 입문가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

안녕하세요 👋

이 테마 컴포넌트는 마그니픽 팝업(라이트박스/갤러리)을 수정하여, 특히 모바일에서 더 _사용자 친화적_이 되도록 합니다.

 ![Screenshot 2025-01-07 at 11.57.41](https://global.discourse-cdn.com/meta/original/4X/b/e/f/befde04cabb04f5a05b3f116cb4c0a3209d6cdae.jpeg)

 ![Screenshot 2025-01-07 at 11.59.15](https://global.discourse-cdn.com/meta/original/4X/5/d/5/5d59ba002062843b21087b5b00b088af089583cf.jpeg)  
 ![Screenshot 2025-01-07 at 11.56.44](https://global.discourse-cdn.com/meta/original/4X/4/3/8/4387c13b47e03d3762ded532812207c05caf84a0.jpeg)

 ![Screenshot 2025-01-07 at 12.00.30](https://global.discourse-cdn.com/meta/original/4X/0/3/e/03e17c74ac4166e9ad79d7d255a7cfcf6d5941bf.png)  
 ![Screenshot 2025-01-07 at 12.01.37](https://global.discourse-cdn.com/meta/original/4X/e/0/2/e02f3c0a2f5227001735ce6e706d68f04c9f1b2c.png)

* * *

이 컴포넌트는 기본 마그니픽 팝업에 많은 변경 사항을 적용합니다.

- 더 현대적인 디자인
- 전체 화면 버튼 (단축키 F 키)
- 제목 표시/숨김 버튼
- 터치 스와이프 제스처
  - 오른쪽으로 스와이프 - 이전 이미지
  - 왼쪽으로 스와이프 - 다음 이미지
  - 아래로 스와이프 - 라이트박스 닫기

* * *

버튼 제목을 변경하기 위한 **테마 번역**.

```plaintext
zoom_in_button_title: "확대"
zoom_out_button_title: "축소"
close_button_title: "닫기 (Esc)"
fullscreen_button_title: "전체 화면 모드 (F)"
toggle_title_button_title: "정보 토글"

```

* * *

[New Discourse Lightbox Enabled on Meta - now disabled](https://meta.discourse.org/t/new-discourse-lightbox-enabled-on-meta-now-disabled/277810) 에서 영감을 받은 이 새로운 커스텀 라이트박스입니다.

* * *

여전히 구버전을 사용하시겠습니까?  
 [old-custom-lightbox](https://github.com/VaperinaDEV/discourse-custom-lightbox/tree/old-custom-lightbox) 브랜치를 통해 가능합니다.

---

_[View the full topic](https://meta.discourse.org/t/custom-lightbox-modern-swipe-gestures-fullscreen-mode-and-more/225797)._