технология

Как создать фотослайдер:
сервис УДОБА

Фотослайдер позволяет пользователям интерактивно сравнивать два изображения. Создать фотографии в режиме «было/стало» можно быстро и бесплатно в сервисе УДОБА.

Откройте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта или зеленая кнопка в центре). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

В колонке слева нажмите «Моя библиотека». Раздел также найдете в верхнем меню своим именем. Затем нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится «Сопоставление изображений» — фотослайдер.

Нажмите на кнопку «Подробности». Затем на синюю кнопку «Использовать».

Впишите заголовок. Подготовьте для слайдера фотографию «было» и фотографию «стало», убедитесь, что размер изображений совпадает. Загрузите первое фото и впишите «Альтернативный текст» — здесь, например, можно указать дату. Повторите со вторым изображением.

Перейдите к «Настройкам обратной связи». Здесь можно установить позицию фотослайдера — в середине, в начале, в конце (укажите процент), его направление и цвет.

Прокрутите мышкой вниз, нажмите зеленую кнопку «Сохранить». Откроется фотослайдер. Чтобы получить ссылку для расшаривания нажмите «Переиспользовать», затем «Copy content». Или скопируйте из адресной строки.

Чтобы встроить фотослайдер на сайт, нажмите «Вставить» и скопируйте код.

Инструкция актуальна на мая 2022 года.

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: