Обновленный лайтбокс для лучшего просмотра изображений

Недавно мы представили обновлённую всплывающую галерею (lightbox), созданную с использованием PhotoSwipe, чтобы улучшить просмотр изображений и связанных файлов на Discourse. Эта новая функция уже развернута во всех наших сообществах, поэтому вы сможете воспользоваться ею в своём сообществе после обновления до последней версии Discourse.

Что изменилось?

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

При нажатии или касании изображения оно открывается в галерее и увеличивается, чтобы вам было удобнее его рассмотреть. Оттуда вы можете загрузить изображение, просмотреть оригинал и приблизить его. Если в сообщении несколько изображений, вы также сможете переключаться между ними.

Она отлично работает и на мобильных устройствах, где вы можете использовать привычные жесты, такие как свайп и масштабирование щипком.

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

Пожалуйста, сообщите нам, если у вас возникнут вопросы, вы заметите какие-либо проблемы с новой галереей или у вас появятся предложения по её дальнейшему улучшению!

30 лайков

О, я рад, что выбрали PhotoSwipe! Помню, как примерно два года назад предлагал его для переработки функции, поскольку мне очень понравилась эта библиотека (я использовал её в личных проектах), но тогда работа над переработкой лайтбокса ещё не велась активно.

Не терпится увидеть это на своих форумах!

Надеюсь, мы сможем листать фотографии в галерее, перетаскивая мышку влево или вправо, как на сайте PhotoSwipe. Это небольшая функция, но она делает работу на десктопе действительно плавной.

6 лайков

Спасибо @Canapin, благодаря тебе я осознал, что упустил возможность добавить галерею изображений в первое сообщение, чтобы все могли попробовать это прямо сейчас.

Только что проверил — действительно, должно работать!

7 лайков

Мне очень нравится эта функция! Очень чистый дизайн, и работает она тоже отлично.

Один вопрос — можно ли контролировать, будут ли изображения «зацикливаться» или нет?

2 лайка

Вы имеете в виду контроль того, заканчивается ли галерея или продолжает циклически перебирать одни и те же изображения? Мне кажется, что сейчас такого способа нет… но мне интересно узнать больше о вашем случае использования. В каких ситуациях эта возможность была бы полезна в вашем сообществе?

1 лайк

Единственное, что меня беспокоит, — это незначительная проблема, существующая в PhotoSwipe уже много лет.
Если быстро пролистывать фотографии (в любом направлении), появляется серый плейсхолдер даже для уже просмотренных изображений, которые могли бы быть закэшированы.

1 лайк

Я имел в виду, что когда слайды доходят до конца, следующим идёт первый, и так далее. Это было бы удобнее, скажем, в постах с большим количеством изображений. Но я думаю, что текущая реализация тоже вполне хороша.

Похоже, что в этой системе изображений сохраняется исходное имя файла, что отлично — это одна из моих небольших претензий к старой системе :+1: Возможность перетаскивания для перемещения тоже очень удобна!

Однако мне не нравится скорость, с которой изображение приближается при щелчке по миниатюре. Это во многом вопрос личных предпочтений, но мне нравится быстрая скорость старой системы. В теме с большим количеством изображений приятно быстро перейти к изображению, не дожидаясь завершения лишних анимаций при каждом щелчке по миниатюре. Я бы предложил сделать скорость такой же, как в предыдущей версии.

Спасибо :slight_smile:

1 лайк