Slick Image Gallery

Ладно, мой ответ остался без внимания, и ответ @Hifihedgehog тоже.

Деинсталлирую и рекомендую никому не использовать этот компонент.

2 лайка

Компонент работает нормально на тестовом сервере production с последней версией Discourse. :thinking:

Можете ли вы проверить консоль вашего браузера, чтобы увидеть, какая ошибка возникает? (Нажмите правой кнопкой мыши → Inspect → вкладка Console)

Это не обязательно устарело, но компонент зависит от jQuery, а модернизация в ядре стремится убрать эту зависимость.

Я рекомендую использовать сетку изображений, доступную в ядре:

Извините за это! Вы правы, это было бы желанным изменением. :+1:
Вы пробовали функцию сеток изображений, на которую я ссылался выше? Она может стать хорошей заменой.

2 лайка

Да, использую сетку. В любом случае с галереей Slick мне очень не везло. Больше, скажем, 5 фотографий просто не работали. Сейчас она удалена, так что тестировать больше ничего не буду.

2 лайка

Я углубился в конвертацию моих галерей до Ember 5 в сетку и быстро обнаружил, что это не жизнеспособное решение — точка. Согласно документации («элементы в сетке располагаются так, чтобы высота столбцов была максимально близкой друг к другу, поэтому порядок изображений не всегда сохраняется»), сетка не сохраняет порядок изображений, что является огромным препятствием, особенно для длинных презентаций, которые я иногда загружаю в виде изображений. Есть ли альтернатива, или нам теперь просто не использовать упорядоченную галерею, а вставлять изображения как одну простую стену изображений в неформатированном столбце? Я определенно не в восторге от того, насколько небрежно был проведен этот релиз Ember 5, ни на йоту.

1 лайк

Понимаю, что это может не подходить всем.
Вы правы: изображения могут визуально не совпадать по порядку со ссылками в редакторе; однако, если открыть лайтбокс, порядок будет правильным.

Помню, что пытался модифицировать компонент, чтобы использовать другую библиотеку (без зависимости от jQuery). Возможно, когда-нибудь сделаю PR. :+1:

1 лайк

У меня та же проблема, и кажется, что это вообще не работает.

Ошибка в консоли
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 лайка