Tiles Image Gallery

설명에 명시적으로 다른 순서로 하라고 되어 있었기 때문입니다. 먼저 이미지 링크를 넣고, 그 다음 갤러리 버튼을 누르는 거예요.

ㅋㅋ, 알겠어… 그럼 네 방식대로 해봐. :man_shrugging:

더 쉬운 방법이 없다는 말은 아니에요 @cjk77. 태그를 먼저 만들고 그 안에 이미지 링크를 삽입하는 방식이 훨씬 쉽거든요. 또한 이미지 링크를 모두 한 줄에 붙여넣고 갤러리 버튼을 누르는 것도 쉬운 방법입니다. 이제 제가 어디서 잘못했는지 이해했는데, 사실 아주 간단하네요. 다만 제가 하고 싶은 말은 이겁니다.

  1. 설명을 명확히 해서 모든 이미지를 한 줄에 넣어야 한다고 명시하거나, 그리고/또는
  2. 도구에서 이미지 사이에 줄바꿈을 감지해도 한 개의 div 태그에 모두 넣도록 처리하되, 이미지마다 div를 하나씩 생성하지 않도록 하는 것입니다.

이 도구를 처음 사용해 보는 사람이라면 실수하기 쉽거든요.

2개의 좋아요

간단한 피드백을 드립니다: 내 포럼에서 Auto Tiles Image Gallery를 사용하는 사용자들이 정말 좋아합니다.
내 커뮤니티는 기술적인 배경이 없는 분들이 대부분이라, 에디터의 타일 갤러리 현재 UX/UI에 압도되는 경우가 많습니다.
.
지금까지 기존 브랜치는 아무 불만 없이 잘 작동하고 있습니다:

마스터 브랜치에 옵션으로 포함되기를 바랍니다.

Joe님, 안녕하세요!

먼저 Tiles & Slick Gallery 테마 컴포넌트 두 가지 모두에 대해 감사드립니다!

모바일에서 Tiles 갤러리 표시와 관련하여 작은 문제가 있습니다.

처음 로드/뷰할 때 다음과 같이 표시됩니다. 처음 저장했을 때는 모든 사진이 가장 오른쪽에 배치되어 있었습니다.

세로 모드에서 가로 모드로, 다시 세로 모드로 전환하면 다음과 같이 올바르게 표시됩니다.

제 모바일 폰은 LG G8X ThinQ입니다. 또한 코드에 1이라는 값이 있는 것도 확인했습니다. 이 값을 변경하면 레이아웃이 바뀌나요?

Dan

최신 버전의 Discourse에서 Tiles & Slick 갤러리를 모두 작동시키고 계신 분이 계신가요? 감사합니다.

:raised_hand:

2개의 좋아요

좋네요. 그런데 이거 좀 문제가 있어요. 어떤 테마인가요? 공유해 주셔서 감사합니다.

Vincent입니다 (일부 수정 및 조정 포함)

자주 이런 이상한 결과가 나오는데, 어떻게 하면 막을 수 있을까요?

2개의 좋아요

설정에서 변경할 수 있는 항목이 있나요?

1개의 좋아요

여전히 해결되지 않습니다

하이라이트, 클릭을 해도 아무 반응이 없습니다

같은 동작, 같은 스레드인데 다른 게시물에서는 완벽하게 작동합니다

문제를 파악하는 데 도움을 주실 수 있을까요?

1개의 좋아요

Discourse의 이미지 리사이즈 루틴을 트리거할 수 있을 정도로 모든 이미지가 충분히 커야 합니다. 그렇지 않으면 해당 컴포넌트가 작동하지 않습니다. @Heather_Dudley 님이 위에서 지적했듯이, 리사이즈 루틴을 트리거하는 크기는 설정에서 확인할 수 있습니다:

2개의 좋아요

그렇긴 한데, 같은 스레드에서 나중에 같은 사진으로 게시물을 만들면 작동한다고 언급했으니, 다른 문제가 있는 것 같아. @anon48433008?

1개의 좋아요

Chris, 언젠가 디스코urses 팀에 합류하게 되길 바랍니다. :+1:

작동하는 게시물과 작동하지 않는 게시물의 크기를 살펴봤는데, 어느 쪽도 제대로 작동할 것 같지 않아 보입니다.

작동하지 않는 경우

작동하는 경우

제 설정

아니면, 그렇게 보이지만,
우연히 마우스를 올리면 값이 다르게 표시되는 것을 발견했습니다.

에디터에서 한 가지 방식으로 읽히는 이 항목을 분리해 봤습니다.

게시물 등록 후 마우스를 올리면 제 설정보다 크기가 더 크게 표시됩니다.

왜 그런지는 모르겠지만, 크기가 문제인 것 같습니다.

다시 한번, 답변을 진심으로 감사드립니다.

감사합니다!

1개의 좋아요

음, 왜 타일링이 안 되지? Human Origins Workshop With Reasons to Believe (January 2020) - Peaceful Science

수정: 알겠다. 전부 한 줄에 있어야 하는 거였구나.

당사 사이트의 콘솔에서 다음 오류가 표시됩니다:

`decorateCooked`는 메모리 누수를 방지하기 위해 `id` 옵션을 제공해야 합니다
1개의 좋아요

다음과 같은 문제가 있습니다:

이미지가 div 열 안에 들어가지 않고, div tiles 태그 이후의 단락에 위치하게 됩니다:

최신 버전과 auto tiles github 브랜치를 모두 테스트해 보았는데, 두 경우 모두 동일한 문제가 발생합니다.

링크하신 그 토픽의 모든 이미지가 400x300 해상도라서, 임베디드 라이트박스 이미지로 처리하기에 크기가 너무 작습니다. 이 컴포넌트가 이미지 크기와 관계없이 모든 이미지에서 작동하도록 하는 계획은 있지만, 아직 구체적인 일정(ETA)은 없습니다.

지금은 더 큰 크기의 이미지를 사용하는 것이 가장 좋습니다.

4개의 좋아요

모든 이미지 크기에 대응할 수 있다면 정말 좋겠습니다.

한 가지 질문이 있습니다: 라이트박스에서 화살표를 눌렀을 때 이미지가 표시되는 순서를 지정할 수 있나요? 저는 이미지가 <div data-theme-tiles="1"> </div> 안에 나열한 순서와 동일하게 표시되기를 원합니다. 현재는 다른 순서로 표시됩니다. 모든 이미지의 치수와 크기는 동일합니다.

순서가 라이트박스에 의해 처리되는 것 같습니다.

1개의 좋아요