Шлейф фотографий за курсором в Tilda
Изображения появляются по ходу движения, меняют размер и плавно исчезают.Подробнее о модеСвернуть описание
Шлейф фотографий за курсором в Tilda
Изображения появляются по ходу движения, меняют размер и плавно исчезают.Что умеет мод
- Берёт фотографии из выбранной галереи и показывает их по пути курсора или пальца.
- Настраивает размер, скругления, случайное изменение размера и поворот фото.
- Регулирует расстояние между появлениями, время затухания и число снимков на экране.
- Помещает эффект в отдельную область или в готовый элемент по CSS-классу.
Как подключить
Подготовьте источник
Добавьте GL03 с фотографиями и назначьте ему отдельный CSS-класс, например uc-gallery. В конструкторе укажите такое же имя в поле класса галереи.
Задайте место эффекта
Выберите ширину и высоту области, включая телефон. Либо включите вставку в готовый элемент, назначьте ему собственный короткий класс и задайте его размеры в Tilda. Класс места показа и класс источника выполняют разные задачи.
Настройте шлейф
Подберите размер и углы фотографий, случайность размера и поворот. Задайте шаг появления, затухание и максимум одновременных изображений. При необходимости добавьте подсказку.
Проверьте публикацию
Скопируйте код в T123 после источника и принимающего элемента. Проведите мышью по области, затем проверьте касание на телефоне. Убедитесь, что появляются нужные фото и шлейф не мешает основным действиям страницы.
Что учитывать. Если указанный источник не найден, код может взять первую подходящую галерею страницы. Проверяйте класс, а не полагайтесь на запасной поиск. Шлейф рассчитан на декоративный показ: снимки исчезают через заданное время. Для последовательного просмотра работ используйте отдельную галерею.
Вопросы и ограничения
Чем отличается класс галереи от класса места показа?
Первый определяет, откуда брать фотографии. Второй нужен только для вставки эффекта в готовый элемент и определяет, где появляется шлейф.
Как сделать фотографии более редкими?
Увеличьте шаг появления в пикселях. Чем меньше этот шаг, тем чаще появляются новые снимки при движении.
Можно убрать случайный поворот?
Да. Установите поворот в 0. Аналогично можно убрать случайное изменение размера, оставив фотографии одинаковыми.
Как ограничить количество фотографий на экране?
Задайте максимум одновременных снимков и подходящее время затухания. Проверьте плотность шлейфа при быстром движении.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
