제 인스턴스에서 이 두 이미지 중 하나는 라이트박스가 작동하고, 다른 하나는 작동하지 않습니다. 메타에서 테스트를 위해 기존 게시물 중 하나에 이 이미지를 편집해 넣었더니, 거기서도 같은 문제가 발생하는 것 같습니다.
아마도 라이트박스가 작동하는지 여부를 제어하는 설정이 따로 있는지 제가 모르고 있는 건가요? 두 이미지는 (실질적으로) 치수 면에서 거의 동일합니다.
라이트박스가 적용되는 이미지(Hoppip)의 높이가 501px인 것으로 보입니다. 이는 기본 최대 이미지 높이 값인 500px보다 1px 더 큰 값입니다. 따라서 해당 라이트박스는 이미지를 1px 더 큰 전체 크기로 볼 수 있도록 허용합니다.
다른 이미지(Growlithe)는 높이가 498px에 불과하므로 전체 크기로 게시할 수 있기 때문에 라이트박스가 적용되지 않습니다.
따라서 이는 의도대로 작동하고 있습니다.
조금 어색한 경험을 유발하는 한 가지 요소는 게시글에서 이미지가 수동으로 축소된 경우입니다(이 경우 두 이미지는 모두 50%로 축소되었습니다). 원본 이미지가 있다면 사용자가 전체 크기로 쉽게 볼 수 있도록 라이트박스를 적용해야 하는 것 같습니다…
7개의 좋아요
아, 그래요. 그러면 그게 관련 설정이네요.
높이가 약 500px인 이미지들을 작업하고 있는데, 일부는 약간 더 크고 일부는 약간 더 작은 것 같습니다. 모두를 나란히 배치되도록 35% 크기로 설정했는데, 동시에 더 자세히 보고 싶을 때 라이트박스를 갤러리처럼 사용할 수 있다는 전제 하에 그렇게 했습니다.
이 예시에서는 첫 번째 이미지만 라이트박스가 활성화되고, 또한 이상한 위치 지정 문제가 발생합니다:
이것이 이상한 엣지 케이스인 것 같다는 데 동의하며, 제 직관(그리고 의도)은 이 경우 모두 라이트박스가 작동하도록 하는 것이었습니다.
4개의 좋아요