# Slick Image Gallery

**URL:** https://meta.discourse.org/t/slick-image-gallery/81952
**Category:** Theme component
**Tags:** broken
**Created:** [6월 29, 2018, 6:15오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952 "2018-06-29T06:15:00Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [10월 31, 2022, 6:07오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/41 "2022-10-31T06:07:31Z")

</div>

안녕하세요, 이 컴포넌트가 게시된 페이지에서 작동하지 않습니다. 컴포넌트의 CSS에 적절한 코드를 추가해야 한다는 점은 이해하지만, 저는 프로그래머가 아닙니다. 게시된 페이지에 갤러리가 표시되도록 어떤 코드를 입력해야 하는지 알려주세요.

---

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [11월 2, 2022, 4:07오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/43 "2022-11-02T04:07:48Z")

</div>

아니요, 게시된 페이지에 갤러리가 표시되지 않습니다.

---

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [11월 16, 2022, 1:15오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/44 "2022-11-16T13:15:01Z")

</div>

안녕하세요. 스틱 갤러리 컴포넌트가 게시된 페이지에서 작동하지 않습니다. 이 문제를 어떻게 설정해서 해결할 수 있을까요?  
반복해서 질문하는 점 죄송합니다. 제게 중요한 질문입니다. 🙏 🙏 🙏

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [11월 16, 2022, 3:14오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/45 "2022-11-16T15:14:28Z")

</div>

> [@Aizada\_M](#):
>
> 시크한 갤러리 컴포넌트가 게시된 페이지에서 작동하지 않습니다.

그렇지 않아도 놀랍지 않습니다. 게시된 페이지는 렌더링 방식이 완전히 다르기 때문입니다. 여기서의 몇 가지 논의를 통해 그렇게 추측하고 있지만, 코드를 충분히 살펴본 것은 아니어서 정확히 어떤 과정이 관여되는지 이해하기는커녕 설명하기도 어렵습니다.

> [@Aizada\_M](#):
>
> 어떻게든 설정할 수 있을까요?

**어떻게든**? 아마도 가능할 것입니다. 하지만 쉽게는 불가능합니다. 제 추측에 따르면, 작동하려면 갤러리 테마 컴포넌트를 포크해야 할 것이며, 게시된 페이지에 작동하는 데 필요한 일부 요소가 빠져 있어 플러그인이나 몇 가지 AJAX 호출이 필요할 수도 있습니다.

> [@Aizada\_M](#):
>
> 반복해서 죄송합니다. 이 질문은 저에게 매우 중요합니다.

도움이 되지 않는 답변을 드려 죄송합니다만, 답변을 원하셨기 때문입니다.

---

<div class="post-metadata">

### Author: ![hoangphuctran93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangphuctran93/32/290976_2.png) [@hoangphuctran93](https://meta.discourse.org/u/hoangphuctran93)
#### Post date: [2월 3, 2023, 1:34오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/46 "2023-02-03T01:34:01Z")

</div>

유튜브에서 영상을 임베딩하거나 영상을 임베딩할 수 있도록 지원하는 기능에 대해 1가지 제안을 드립니다. 또한, 아래에 썸네일 이미지를 표시할 수 있도록 하고(사용자가 이 기능을 켜거나 끌 수 있도록) 싶습니다.

---

<div class="post-metadata">

### Author: ![Octoberon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/octoberon/32/288382_2.png) [@Octoberon](https://meta.discourse.org/u/Octoberon)
#### Post date: [2월 5, 2023, 7:49오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/47 "2023-02-05T19:49:42Z")

</div>

Material Design 테마와 이 컴포넌트를 함께 사용하려고 합니다. 이미지를 업로드하면 게시글이 다음과 같이 보입니다:

```plaintext
![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)
![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)
![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

```

모든 이미지(텍스트)를 선택한 후 Slick 버튼을 누르면 각 이미지에 대해 별도의 div 섹션이 생성됩니다.

```plaintext
<div data-theme-slick="1">

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)

</div>
<div data-theme-slick="1">

![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)

</div>
<div data-theme-slick="1">

![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

</div>

```

게시글을 편집하여 모든 이미지가 같은 div 안에 있도록 하면 정상적으로 동작합니다. 저는 Discourse와 테마의 최신 버전을 사용 중입니다. 이 같은 동작을 유발하는 원인에 대해 혹시 아는 점이 있으신가요?

---

<div class="post-metadata">

### Author: ![Angelo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angelo/32/272017_2.png) [@Angelo](https://meta.discourse.org/u/Angelo)
#### Post date: [1월 11, 2024, 8:57오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/48 "2024-01-11T20:57:13Z")

</div>

Ember v5.5.0 업그레이드 후 이 컴포넌트가 오류를 일으키고 있습니다:

> ⚠ 사이트의 게시물 콘텐츠\_DECORATOR 중 하나가 오류를 일으켜 게시물이 올바르게 표시되지 않을 수 있습니다.  
> 원인은 ‘Slick - Gallery Component’입니다. [여기를 클릭]하여 업데이트, 재설정 또는 비활성화하세요.  
> (이 메시지는 사이트 관리자에게만 표시됩니다)

재설치를 시도했고, 설정 편집기에서도 오류를 확인해 보았지만 문제가 해결되지 않습니다.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [1월 11, 2024, 11:18오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/50 "2024-01-11T23:18:14Z")

</div>

문제를 재현할 수 있으며, `Uncaught ReferenceError: jQuery is not defined` 오류를 확인했습니다 — 누군가 수정할 때까지 이 문제를 'broken’으로 표시하겠습니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 12, 2024, 10:15오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/51 "2024-01-12T10:15:03Z")

</div>

사람들은 코어의 [Introducing image grids in posts](https://meta.discourse.org/t/introducing-image-grids-in-posts/268664?u=david) 기능을 대안으로 고려해 볼 수 있습니다.

---

<div class="post-metadata">

### Author: ![Angelo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angelo/32/272017_2.png) [@Angelo](https://meta.discourse.org/u/Angelo)
#### Post date: [1월 12, 2024, 1:08오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/52 "2024-01-12T13:08:04Z")

</div>

우리는 가끔 이것도 사용하는데, 꽤 좋습니다. 하지만 갤러리 스타일로 작성된 게시글 중 아예 표시되지 않는 것이 이미 많습니다. 수동으로 하나씩 추가하는 수고를 차치하더라도, 그 모든 것을 찾아내는 것조차 불가능할 것입니다 🫠

---

<div class="post-metadata">

### Author: ![Hifihedgehog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hifihedgehog/32/140207_2.png) [@Hifihedgehog](https://meta.discourse.org/u/Hifihedgehog)
#### Post date: [1월 13, 2024, 3:09오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/53 "2024-01-13T03:09:01Z")

</div>

모든 존중의 뜻을 담아 말씀드리지만, 이는 우리가 들었던 내용과 다릅니다. 지난 몇 주간 여기서 읽은 내용으로는, 약속은 다음과 같았어요:

> [@david](#):
>
> 마찬가지로, 공식 테마/플러그인만 사용하신다면, 저희가 보장해 드립니다!

시간이 걸리는 것은 이해합니다. 기다릴 수도 있습니다. 하지만 공식 테마/플러그인이 있었다면, Discourse 팀의 초기 안내와 정반대로 이제는 사용을 중단하라고 듣게 된 지금, 오늘 업그레이드를 하지도 않았을 것입니다. 그 사이, 이전 버전의 Ember로 되돌리는 방법이 있을까요?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [1월 13, 2024, 3:14오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/54 "2024-01-13T03:14:54Z")

</div>

참고로, 이 테마 컴포넌트는 #공식 테마 컴포넌트가 아닙니다.

모든 #공식 테마 컴포넌트는 여기에서 확인할 수 있습니다: [https://meta.discourse.org/tags/c/theme-component/120/none/official](https://meta.discourse.org/tags/c/theme-component/120/none/official)

---

<div class="post-metadata">

### Author: ![Hifihedgehog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hifihedgehog/32/140207_2.png) [@Hifihedgehog](https://meta.discourse.org/u/Hifihedgehog)
#### Post date: [1월 13, 2024, 3:16오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/55 "2024-01-13T03:16:39Z")

</div>

> [@JammyDodger](#):
>
> 참고로, 이 테마 컴포넌트는 #official 공식 테마 컴포넌트가 아닙니다.

아마도 제가 설치하기 전, 몇 년 전이었을 것입니다:

[https://github.com/hnb-ku/Discourse-Slick-image-gallery](https://github.com/hnb-ku/Discourse-Slick-image-gallery)

실제로 나중에 공식 Discourse 저장소에 추가되었습니다.

[https://github.com/discourse/Discourse-Slick-image-gallery](https://github.com/discourse/Discourse-Slick-image-gallery)

개인적으로는 비공식 컴포넌트는 공식 저장소 밖으로 두는 것이 좋다고 생각합니다. 그저 제 생각일 뿐입니다.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [1월 13, 2024, 3:21오전 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/56 "2024-01-13T03:21:40Z")

</div>

일반적으로 #official 태그가 우선 적용됩니다. 이는 Discourse 저장소 내에 '공식’으로 간주하지 않기를 원하는 항목이 있을 수 있기 때문입니다.

그럼에도 불구하고, 이 경우 누락이 있었는지 확인해 볼 수 있습니다.

---

<div class="post-metadata">

### Author: ![Octoberon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/octoberon/32/288382_2.png) [@Octoberon](https://meta.discourse.org/u/Octoberon)
#### Post date: [1월 14, 2024, 2:53오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/57 "2024-01-14T14:53:09Z")

</div>

이 테마 컴포넌트가 Ember 5.0에서 계속 깨진 상태로 남을 것 같은 느낌이 듭니다. 설치해 놓긴 했는데 관리자 경고 배너는 표시되지만, 실제로는 널리 사용되고 있지는 않습니다. @Johani 님의 메타 활동은 2년 넘게 찾아볼 수 없고, 프로필도 비공개 상태입니다. Joe 님, 혹시 여기 계시다면 이 컴포넌트를 계속 유지보수할 계획이 있는지 알려주시면 좋겠습니다.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [1월 14, 2024, 4:55오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/58 "2024-01-14T16:55:21Z")

</div>

jQuery 관련 문제가 있는 것 같습니다. Ember의 최신 버전에서는 기본적으로 jQuery가 포함되지 않습니다. 좀 더 자세히 살펴봐야겠지만, Slick(기저 라이브러리)은 jQuery에 의존합니다. 어차피 순수 JS 구현으로 전환하는 것이 좋겠습니다.

이번 주 안에 동일한 기능/인터페이스를 유지하면서 수정할 수 있도록 해보겠습니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 15, 2024, 12:04오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/59 "2024-01-15T12:04:06Z")

</div>

바닐라 JS 구현으로 전환하는 것이 좋겠다고 동의합니다! 💯 (다만… 이것이 코어의 새로운 메이슨리 갤러리 구현이 되어야 하는 건 아닌지? 그리고 이 테마 컴포넌트는 기존 사이트가 계속 작동할 수 있도록 구문 호환성을 유지하기 위한 shim 정도로만 남는 건가?)

어쨌든, 그 사이 동안 이 작은 수정으로 Discourse의 Ember 5 빌드에서 동작하게 될 것입니다: [FIX: Support Discourse's Ember 5 build - Pull Request #17 - discourse/Discourse-Slick-image-gallery - GitHub](https://github.com/discourse/Discourse-Slick-image-gallery/pull/17)

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [1월 30, 2024, 3:52오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/60 "2024-01-30T15:52:09Z")

</div>

배경색을 어떻게 변경하나요?

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/e/a/aea13e598f8abcd7171e8a4c19edd0ef876381d2.jpeg)

---

<div class="post-metadata">

### Author: ![FizzGiGG](https://avatars.discourse-cdn.com/v4/letter/f/d26b3c/32.png) [@FizzGiGG](https://meta.discourse.org/u/FizzGiGG)
#### Post date: [4월 2, 2024, 4:04오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/61 "2024-04-02T16:04:09Z")

</div>

이 게시물과 관련이 있습니다. 테마 컴포넌트를 수정하여 CR/LF를 제거하거나 정리하면, 각 이미지에 대해 갤러리가 생성되지 않도록 하는 것이 좋은 방법일까요? 업로드 버튼을 사용하면 그런 일이 발생하지 않는다는 점은 알고 있지만, 저는 종종 이미지를 드래그 앤 드롭으로 게시물에 넣습니다. 모든 이미지가 하나의 갤러리에 포함되려면 각 이미지 뒤의 CRLF를 제거해야 합니다.

감사합니다,

---

<div class="post-metadata">

### Author: ![Hifihedgehog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hifihedgehog/32/140207_2.png) [@Hifihedgehog](https://meta.discourse.org/u/Hifihedgehog)
#### Post date: [5월 1, 2024, 7:35오후 UTC](https://meta.discourse.org/t/slick-image-gallery/81952/62 "2024-05-01T19:35:15Z")

</div>

현재 깨져 있습니다…

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/9/5/395eea3a83d3eeb8e898f3627b72ae39e026338b.png)

이것도 [Tiles Image Gallery - theme-component - Discourse Meta](https://meta.discourse.org/t/tiles-image-gallery/81950/145)처럼 비추천(deprecated) 상태인가요?

[이전 페이지](https://meta.discourse.org/t/slick-image-gallery/81952.md?page=2)

[다음 페이지](https://meta.discourse.org/t/slick-image-gallery/81952.md?page=4)
