header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
  1. Главная
  2. Создание сайта
  3. Редактор Wix
  4. Дополнительно
  5. Редактор Wix: настройка анимации Lottie

Редактор Wix: настройка анимации Lottie

3 мин.
После импорта анимации Lottie, настройте ее внешний вид и поведение. Вы можете решить, будет ли она воспроизводиться в цикле или только один раз, и применить эффект, чтобы анимация выделялась при загрузке страницы.
Gif анимации Lottie под названием laylas scuba adventure.

Изменение анимации Lottie

Легко измените анимацию для Lottie, вставив другой URL-адрес в панель настроек элемента.

Чтобы изменить анимацию:

  1. Войдите в свой аккаунт LottieFiles и скопируйте ссылку на анимацию. 
  2. Нажмите на элемент Lottie в редакторе.
  3. Нажмите значок Настроить .
  4. Вставьте новый URL-адрес в поле URL-адрес анимации?
  5. Нажмите Enter на клавиатуре.
Панель настройки Lottie. Курсор находится над полем URL.
Совет:
Нажав Изменить анимацию, вы попадете прямо в LottieFiles в новой вкладке браузера.

Настройка воспроизведения анимации в цикле

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

Чтобы включить / отключить эффект автоповтора:

  1. Нажмите на анимацию Lottie в редакторе.
  2. Нажмите значок Настроить .
  3. Нажмите на переключатель рядом с Автоповтором, чтобы включить или отключить его.
Панель настройки лотереи. Курсор находится над переключателем «Воспроизведение в цикле».

Добавление дополнительных эффектов анимации

Встраиваемые файлы Lottie имеют собственные эффекты анимации. Однако вы можете добавить дополнительную анимацию входа из редактора Wix. Эти эффекты появляются при загрузке сайта, они не отменяют и не препятствуют воспроизведению исходной анимации.

Чтобы добавить дополнительные эффекты анимации:

  1. Нажмите на анимацию Lottie в редакторе.
  2. Нажмите значок Анимация .
  3. Выберите эффект.
  4. (Необязательно) Нажмите Настроить, чтобы настроить параметры эффекта.
Панель анимации. Курсор нажимает на эффект «Приземление».
Передумали?
Вы можете удалить лишний эффект анимации, нажав Нет.

Добавление alt-текста в анимацию Lottie

Alt-текст - это письменное описание элемента. Добавляя alt-текст к анимации Lottie, вы гарантируете, что его смогут прочитать программы чтения с экрана, а также поисковые системы, которые могут улучшить доступность сайта для людей со специальными возможностями и рейтинг SEO.

Чтобы добавить alt-текст к анимации:

  1. Нажмите на анимацию Lottie в редакторе.
  2. Нажмите значок Настроить .
  3. Введите или вставьте текстовое описание в поле Напишите alt-текст для анимации.
  4. Нажмите Enter на клавиатуре.
Панель настройки лотереи. Курсор находится над текстовым полем alt.

Была ли статья полезна?

|
В этой статье
  • Изменение анимации Lottie
  • Настройка воспроизведения анимации в цикле
  • Добавление дополнительных эффектов анимации
  • Добавление alt-текста в анимацию Lottie

Была ли статья полезна?

|