Попробуйте новый режим карусели

Ваши фотографии теряются в сетчатом пэчворке? Обрезаются важные детали? Хотите, чтобы они были в центре внимания? Не отчаивайтесь — функция, о которой вы даже не подозревали, уже здесь!

Как вы, возможно, уже заметили, мы добавили новый режим галереи. Теперь вы можете выбирать между классической сеткой (masonry) и новым сфокусированным режимом карусели. Переключение осуществляется так же просто, как выбор опции в правом верхнем углу галереи в RTE[1] :

Или измените имя режима напрямую в режиме Markdown:

Переключатель для полного удаления галереи перемещён ниже:


Несколько замечаний

  • Мы знаем, что навигация с клавиатуры может быть неудобной; мы улучшим её в следующем обновлении
  • На мобильных устройствах поддерживаются жесты свайпа — так что технически Discourse может стать следующим дейтинг-приложением[2], окончательно закрепив нашу гибкость «всё дозволено».

  1. Rich Text Editor ↩︎

  2. Я шучу — пожалуйста, не пытайтесь этого делать ↩︎

47 лайков

Вау! Это довольно круто. Похоже, что Discourse Post Image Carousel теперь в основном не нужен :laughing:.

Из любопытства, карусель сделана с нуля или построена на основе существующего сервиса, например Splide/Swiper?

6 лайков

Он создан с нуля, что особенно приятно, так как это glimmer-компонент.

7 лайков

Да, самый верный признак успеха здесь — когда ваш TC заменяется чем-то #официальным!!

9 лайков

Рад видеть, что изображения в Discourse получают больше внимания!

У меня буквально была мысль сделать это для MVP проекта знакомств несколько лет назад (я в итоге не стал этого делать :smile: ). И, если честно, разве это может быть хуже того, что уже есть на рынке? :garbage: :fire:

6 лайков

Эта функция уже доступна?

1 лайк

Да, я так считаю. Вам нужно обновиться до последней версии.

3 лайка

Есть ли ограничение на количество изображений, которые можно добавить в карусель?

1 лайк

Это должно работать с большим количеством, я тестировал с 20–30.

Однако в какой-то момент это перестает быть полезным, потому что люди перестают кликать.

2 лайка

Я так рад узнать, что в Discourse есть режим карусели, что привело меня к открытию, что там также есть режим сетки (галереи)!

Я новичок в Discourse, всё ещё налаживаю процесс миграции с phpBB. Одной из проблем для меня было наличие в phpBB возможности добавлять комментарии к вложениям, аналога которой в Discourse нет. Однако, запустив Ruby-скрипт в контейнере импорта, я смог извлечь комментарии к вложениям из базы данных MySQL и присвоить их (если они есть) загрузкам в Discourse, выделив курсивом, как показано ниже:


Так выглядит phpBB


Так выглядит Discourse после запуска Ruby-скрипта

Однако, только что узнав о режимах сетки и карусели, я обнаружил, что их применение портит мои подписи:

Мне нравится, что пост можно отображать в виде сетки! Но комментарии к загрузкам после применения режима не имеют видимой связи с соответствующей загрузкой. Любопытно, что текст из поста (предназначенный для подписей) отображается в режиме сетки, но совсем не появляется в режиме карусели.

Думаю, это запрос на новую функцию, и его стоит переместить в соответствующий раздел; потому что в целом отсутствие способа привязать комментарий к загрузке является серьёзным упущением. И особенно это заметно при отображении существующего поста в виде сетки.

3 лайка

Хорошо, я добавил то, что считаю разумным компромиссом. Я запустил скрипт на Ruby, который группирует наборы загрузок без подписей (две загрузки или более) и прекращает группировку при первой же встрече подписи:

Я доволен этим результатом. Группировка, безусловно, сокращает количество прокрутки, и при этом я сохраняю свои подписи. Я в восторге! Сегодня я узнал об одной замечательной функции Discourse. Спасибо!

3 лайка

Да, сеточные макеты действительно не предназначены для вставки текста между изображениями.

Рады, что вам понравилось, и что вы нашли обходное решение вашей проблемы!

[grid mode="carousel"]
[![image|1000x1000](upload://8LYpcymjfalvqGDUTSD04lXPCm8.jpeg)](https://www.meta.discourse.org)
![image|1000x1000](upload://lKxOT3TfVGapss59PBhfeYCs9lW.jpeg)
[/grid]

Привет!

Спасибо за эту новую функцию! Она пригодится в некоторых наших постах.

У меня вопрос: независимо от размера изображений, сетка карусели остаётся неизменной. Можно ли контролировать размеры карусели непосредственно из поста (или это нужно делать через изменения CSS темы/компонента)?

Также я предполагаю, что ссылки на изображения больше не работают?

Здравствуйте — да, у карусели фиксированная высота, чтобы избежать изменений при прокрутке изображений разного размера. Любые изменения необходимо вносить через пользовательский CSS.

2 лайка