# 모바일에서 라이트박스 대 이미지 확대 시 문제 발생

**URL:** https://meta.discourse.org/t/issue-when-zooming-large-image-in-lightbox-on-mobile/192258
**Category:** Support
**Created:** [6월 1, 2021, 9:45오전 UTC](https://meta.discourse.org/t/issue-when-zooming-large-image-in-lightbox-on-mobile/192258 "2021-06-01T09:45:01Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [6월 1, 2021, 9:45오전 UTC](https://meta.discourse.org/t/issue-when-zooming-large-image-in-lightbox-on-mobile/192258/1 "2021-06-01T09:45:01Z")

</div>

이 문제는 theme-creator.discourse.org와 내 사이트에서 safe-mode(안전 모드)로 실행할 때 나타납니다. 하지만 _Meta_나 try.discourse.org에서는 나타나지 않습니다. 이것이 버그인지, 아니면 제가 무언가를 놓치고 있는지는 알 수 없습니다. Theme Creator는 현재 _2.7.0.beta8_ 버전이고, 나머지 세 사이트는 _2.8.0.beta1_ 버전입니다. 따라서 사이트가 사용 중인 Discourse 버전과는 무관해 보입니다.

문제를 설명드리겠습니다. 모바일 기기에서 라이트박스(Lightbox)로 큰 이미지를 먼저 열어서 확대(이미지를 클릭하여)한 후, 이미지를 드래그하여(나머지 부분을 보기 위해) 이동하면 이미지 정보와 화살표도 함께 이동합니다. 아래 이미지들을 참고하세요.

 ![imgbug1.PNG](https://global.discourse-cdn.com/meta/original/3X/5/5/55973001bb83535700ec0baf3d43d6bac33869b2.jpeg) ![imgbug2](https://global.discourse-cdn.com/meta/original/3X/9/0/9089fd27cdf32057e6b29453edfa8e155e9759d3.png) ![imgbug33](https://global.discourse-cdn.com/meta/original/3X/0/e/0e8e19fd6a11e0ea7f1a62215d8d1b074d03620b.jpeg)

# 

Firefox 모바일과 Safari 모바일, 그리고 데스크톱 Firefox의 반응형 디자인 모드에서도 재현할 수 있었습니다. Theme Creator의 이 게시물에서 테스트해 볼 수 있습니다.

[https://theme-creator.discourse.org/t/this-is-a-test-post-with-an-example-image/1117](https://theme-creator.discourse.org/t/this-is-a-test-post-with-an-example-image/1117)

비교를 위해, Meta에서 동일한 이미지를 보여드립니다.

 ![surprise-pikachu-meme-000-original-blank](https://global.discourse-cdn.com/meta/original/3X/2/0/20fe122c4bcc63d2814c5c55c6c207ebe4c2a616.jpeg)

# 

* * *

_수정._

게시물에 여러 이미지가 있는 경우 모바일 기기에서 어떻게 확대하는지 설명을 추가하고 싶습니다. 아마도 위 내용을 여러 이미지가 있는 경우(예: 이 게시물에서 피카츄 이미지가 있는 것처럼) 테스트해 보고 싶을 수 있기 때문입니다. 그 과정이 직관적이지 않고, 아마도 버그라고 생각합니다.

먼저, 확대하려면 이미지가 충분히 커야 합니다(위 피카츄 이미지는 충분히 큽니다). 게시물에 단일 이미지가 있는 경우, 모바일에서는 라이트박스로 이미지가 열렸을 때 이미지를 클릭하여 확대합니다. 하지만 여러 이미지가 있는 게시물(예: 이 게시물)에서 동일한 작업을 하면 다음 이미지로 이동합니다. _그러나_, 먼저 이전 이미지(라이트박스에서)를 열었다가 그 이미지를 클릭하면 이미지가 확대된 것을 볼 수 있습니다.

너무 혼란스러웠기를 바랍니다. 🙂

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6월 3, 2021, 5:03오후 UTC](https://meta.discourse.org/t/issue-when-zooming-large-image-in-lightbox-on-mobile/192258/2 "2021-06-03T17:03:06Z")

</div>

여기서 또는 try에서 재현할 수 없다면, 이는 Discourse의 문제가 아닙니다. 최신 버전으로 업데이트해 보셨나요? 최근 라이트박스(Lightboxing)와 관련된 GIF 일시 정지 문제를 해결하기 위해 몇 가지 수정이 있었기 때문입니다.

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [6월 4, 2021, 7:21오전 UTC](https://meta.discourse.org/t/issue-when-zooming-large-image-in-lightbox-on-mobile/192258/3 "2021-06-04T07:21:59Z")

</div>

답변 감사합니다! 네, 그래서 버그 카테고리가 아니라 지원 카테고리에 게시했습니다.

제 사이트의 안전 모드와 Theme Creator에서 모두 재현할 수 있습니다. 두 환경 모두 최신 버전(2.8.0.beta1)을 사용하고 있습니다.

@david, Meta와 Theme Creator가 어떤 점에서 다른지 아실까요? 특히 라이트박싱(lightboxing) 처리 방식이 다른 이유는 무엇일까요? 이미지를 저장하는 방식이 다른 때문일 수도 있을까요?
