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

Do your pictures get lost within the gridded photo patchwork? Are they awkwardly cutting off crucial bits? Would you like them to be center stage? Despair no more – the feature you didn’t know you wanted has landed!

As the more observational amongst you may have already noticed, we have added a new gallery mode. You can now choose between the classic (masonry) grid and the new, focussed carousel mode. Switching is as simple as selecting the option in the top-right corner of the gallery in the RTE[1] :

Or change the mode name directly in markdown mode:

The toggle to remove the gallery altogether has been moved to below:


Some notes

  • We’re aware the keyboard navigation can be finicky; we’ll improve it in a future update
  • On mobile, swiping gestures are supported – so technically Discourse could become the next dating app[2], truly cementing our “anything goes” flexibility.

  1. Rich Text Editor ↩︎

  2. I’m joking – please don’t actually try this ↩︎

47 лайков

Wow! That’s pretty cool. Seems like Discourse Post Image Carousel is mostly unnecessary now :laughing:.

Out of curiosity, is the carousel made from scratch or built using an existing service, e.g. Splide/Swiper?

6 лайков

It is built from scratch from the ground up, which is extra nice cause it is a glimmer component

7 лайков

Yup, the surest sign of success here is having your TC replaced by something official!!

9 лайков

Nice to see images getting some more love in Discourse!

I literally had the thought to do this for the MVP of a dating project a few years back (I didn’t end up doing it :smile: ). And, let’s be honest, could it really be worse than what’s already out there? :garbage: :fire:

6 лайков

has this feature been rolled out yet?

1 лайк

Yes, I believe it is. You’ll need to update to the latest version.

3 лайка

Is there a limit to how many images can be added to a carousel?

1 лайк

It should work with a lot, I tested it with 20-30.

At some point though it ends up being not that useful cause people will stop clicking.

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.

1 лайк