Slick Image Gallery

커스터마이징 테마 컴포넌트
63

네, 제 답변은 무시되었고 @Hifihedgehog의 답변도 무시되었습니다.

해제를 하고, 다른 누구도 이 구성 요소를 사용하지 말라고 권고합니다.

2개의 좋아요
64

최신 Discourse를 사용하는 프로덕션 테스트 서버에서는 해당 컴포넌트가 정상적으로 작동합니다. :thinking:

어떤 오류가 발생하는지 확인해 보려면 브라우저 콘솔을 확인해 주세요. (우클릭 → 검사 → 콘솔 탭)

반드시 비추천된 것은 아니지만, 해당 컴포넌트는 jQuery에 의존하고 있으며 코어의 현대화 작업으로 인해 jQuery 의존성이 제거되는 추세입니다.

코어에서 제공하는 이미지 그리드(image grid) 사용을 권장합니다:

그 점은 죄송합니다! 말씀이 맞습니다. 그 변경 사항은 환영할 만한 일이죠. :+1:
방금 위에 링크드한 이미지 그리드 기능을 사용해 보셨나요? 좋은 대안이 될 수 있을 것 같습니다.

2개의 좋아요
65

네, 그리드를 사용하기로 했습니다. 어차피 Slick 갤러리는 잘 안 됐거든요. 사진이 5장 이상이면 제대로 동작하지 않았습니다.
지금은 제거해 놓은 상태라, 더 이상 테스트하지 않을 겁니다.

2개의 좋아요
66

Ember 5 이전 갤러리를 그리드로 전환하는 작업을 진행 중인데, 이것이 전혀 실행 가능한 해결책이 아니라는 것을 빠르게 깨닫고 있습니다—끝까지. 문서(“그리드의 항목들은 열 높이가 서로 최대한 가깝도록 배치되므로, 이미지의 순서가 항상 유지되지 않습니다”)에 따르면, 그리드는 이미지 순서를 유지하지 않습니다. 이는 때때로 이미지 형식으로 업로드하는 긴 슬라이드 덱의 경우 특히 치명적인 문제입니다. 대안이 있거나, 이제 순서가 있는 갤러리를 사용하지 말고 이미지를 단순히 일반 텍스트처럼, 형식 없는 이미지 벽 한 줄로 붙여넣는 것이 의도된 방식인가요? Ember 5 배포가 얼마나 무질서하게 처리되었는지 때문에 저는 정말로 만족스럽지 않습니다. 조금도 아닙니다.

1개의 좋아요
67

모든 사용자의 필요에 맞지 않을 수 있다는 점을 이해합니다.
컴포저의 링크 순서와 이미지가 시각적으로 동일한 순서가 아닐 수 있다는 말씀이 맞습니다. 그러나 라이트박스를 열면 순서는 일치합니다.

이전에는 다른 라이브러리(jQuery에 의존하지 않는)를 사용하도록 컴포넌트를 수정해 본 기억이 납니다. 언젠가 PR을 보내볼지도 모릅니다. :+1:

1개의 좋아요
68

저도 같은 현상이며 전혀 작동하지 않는 것 같습니다.

콘솔 오류 
client-error-handler.js:125 [THEME 31 'Slick - Gallery Component'] TypeError: i.children(...).not(...).slick is not a function
    at i.decorateCooked.id (theme-field-86-common-html-script-2.js:36:94)
    at a.<anonymous> (plugin-api.js:365:37)
    at a.<anonymous> (plugin-api.js:174:19)
    at m (index.js:200:1)
    at a.trigger (evented.js:27:1)
    at e.didInsertElement (discourse-banner.js:52:20)
    at e.r [as didInsertElement] (index.js:361:1)
    at e._trigger (core_view.js:55:1)
    at e.r (index.js:361:1)
    at e._trigger (ember-events.js:147:28)
    at e.r (index.js:361:1)
    at ze.didCreate (index.js:2102:1)
    at jt.commit (runtime.js:3965:1)
    at Mt.commit (runtime.js:4062:1)
    at Nt (runtime.js:4082:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._renderRoot (index.js:4905:1)
    at gr._appendDefinition (index.js:4830:1)
    at gr.appendOutletView (index.js:4820:1)
    at invoke (backburner.js.js:282:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)

때로는 꽤 유용할 수 있는 Discourse용 다른 이미지 슬라이드쇼/캐러셀이 현재 없으니 아쉬운 상황입니다.

누군가 이 주제에 broken 태그를 추가해 주실 수 있을까요?

2개의 좋아요