이미지 클릭 방지(라이트박스 제거) 방법

클릭 가능한 라이트박스에 감싸지 않고 이미지를 삽입하는 방법이 있나요?

작은 이미지는 클릭이 안 되는 것 같습니다:

이 문제는 큰 이미지에서만 발생하는 것 같습니다:

반응형 게시물 이미지 크기와 섬네일 생성을 비활성화하면 해결될 줄 알았는데, apparently 그런 것 같지 않습니다.

제가 보는 내용은 다음과 같습니다:

안녕하세요,

썸네일은 기본적으로 최대 이미지 너비와 최대 이미지 높이에 따라 생성되는 것 같습니다. 업로드된 이미지가 이 값보다 작으면 썸네일이 생성되지 않습니다.

썸네일 생성을 비활성화하려면 이 설정의 체크를 해제하세요. 이는 이미지 크기와 관계없이 향후 업로드에 대해서만 썸네일을 비활성화합니다.

Screenshot 2022-08-11 at 11.03.25


기존 업로드에서 썸네일을 비활성화하는 방법에 대한 관련 정보를 찾지 못했지만, 간단한 CSS로 이를 숨기는 것이 충분할 수 있습니다. 이 우회 방법이 작동할 수 있습니다. :slightly_smiling_face:

공용 / CSS

.cooked {
  .lightbox-wrapper {
    a.lightbox {
      pointer-events: none; // 이미지에서 모든 클릭 이벤트 비활성화
      &:hover {
        box-shadow: none;
      }
      .meta {
        display: none;
      }
    }
  }
}

감사합니다, 잘 작동합니다. 라이트박스가 이미지 외에 다른 곳에서도 사용되나요? 다른 곳에서 문제를 일으킬까 봐 걱정됩니다. :sweat_smile:

.lightbox는 게시물 이미지 썸네일에만 사용되는 것 같지만, 위에서 언급한 코드를 더 구체적으로 수정했습니다. :slightly_smiling_face:

Hey @Nacho_Caballero, 가능한(더 나은) 해결책을 찾은 것 같습니다. :slightly_smiling_face:

다시 확인해 봤는데, 아쉽게도 설정에서 비활성화해도 썸네일이 생성되고 있습니다. 처음에는 저에게 잘 작동했던 것 같은데, 왜 그런지는 정확히 모르겠습니다. :thinking:

하지만 여기서 언급했듯이 :arrow_down_small:

이 값들을 늘리면 이전 업로드에서도 썸네일 생성을 비활성화할 수 있을 것 같습니다.

저는 이 값들을 99999라는 큰 숫자로 늘렸고, 이렇게 하면 해당 값 이하의 이미지에서는 썸네일 생성을 방지할 수 있습니다.

이전 게시물에서는 HTML 다시 빌드를 사용하거나 게시물을 다시 베이킹(rebake)하면(모든 게시물에 적용됩니다) 썸네일을 제거할 수 있습니다.

cd /var/discourse
./launcher enter app
rake posts:rebake

해당 게시물들을 다시 생성(rebake)하기만 하면 될 것 같습니다. 패턴에 일치하는 모든 게시물 다시 생성

처음에는 저도 그렇게 생각했지만, 효과가 없었습니다. 실제로는 이 링크(How to prevent an image from being clickable (remove lightbox) - #6 by Don)만 썸네일 제거에 효과가 있었습니다. 최대 이미지 너비와 최대 이미지 높이 설정이 썸네일 생성 설정을 덮어쓰는 것 같습니다.