Обычная плитка медиафайлов

Используется на Карточка товара.

Активное изображение

Главное изображение объявления, используется везде по умолчанию.

При клике на него открывается Лайтбокс увеличения.

Дополнительные изображения

Состоит таких типов элементов:

1. Активный, выделен синим, не нажимается
2. Не активный, после нажатия стаёт активным, заменяя предыдущий
3. Видео, нажатие открывает в лайтбоксе
4. Документы, открывает в новой вкладке

Доки и видео всегда в конце списка

Лайтбокс увеличения

Открывается по клику на Активное изображение.

Закрывается по клику на чёрную область, кнопку закрытия или Esc.

Клик на Активное изобрежение — переход на следующий элемент списка.

Альтернативные методы перехода — клик на нужный элемент в списке или стрелочки на клавиатуре.

Как показывать разные элементы в лайтбоксе:

• Изображения — ширина: до 80% от ширины страницы, высота: до 80% от высоты страницы, но не больше реального размера, увеличивать картинки нельзя. На всех фото должен быть вотермарк, поставленный автоматически, после попадания в нашу базу
• Видеохостинги — ембед
• Документы — открываем на новой странице. Если есть возможность посмотреть в браузере (точно есть для пдф) — показываем предпросмотр, если нет — сразу загрузка

Уменьшенная плитка медиафайлов

Появляется при наведении в на объявление Каталог товаров 2-го уровня

Отличается только уменьшенным размером и расстояниями.

Всё взаимодействие повторяет Обычную плитку.