Google Web Designer - зациклить создаваемую анимацию

Небольшие заметки о html, css, sql, php

Модератор: Valery

Правила форума
Гость видит 250 символов 1 сообщения
Аватара пользователя
Valery
Без группы
Без группы
Сообщения: 22268
На борту с: 07.02.2005 10:00
Награды: 5
Из: Тридевятое царство

Решено Google Web Designer - зациклить создаваемую анимацию

Сообщение Valery »

Google Web Designer позволяет разрабатывать интерактивные баннеры с анимацией. Благодаря использованию HTML5 баннеры будут показываться на смартфонах, планшетах и компьютерах с любой ОС.
Скачать Google Web Designer - Внешняя ссылка
Процесс создания баннера в Google Web Designer описан здесь - Внешняя ссылка
При создании баннера зациклить анимацию в предпросмотре просто - достаточно на временной шкале нажать кнопку "Повторять", но при выводе созданной анимации она проигрывается 1 раз и замирает как буд-то у нее сели батарейки...
Но батарейки не сели, просто надо ей дать команду - "переходи в начало и продолжай заново", для этого:

1. На первом кадре ставим метку [label] Именно label, а не событие! Можно дать ему название Start.
001-label.png
2. На последнем кадре добавляем событие (event).
002-sobbitie.png
3. Затем привязываем событие к метке - т.е. при достижении события говорим: переходи в начало и продолжай заново!
Для этого: действие - временная шкала - gotoAndPlay - page1 - label.
003-deystvie.png
004-gotoandplay.png
4. Создаем ссылку баннера. В моем случае она одна для всего баннера, но можно назначить любому элементу.
001-add-event.png
002-cel.png
003-click.png
004-perexod.png
005-link.png

После этого жмем Опубликовать, указываем папку и смотрим - анимация проигрывается зациклено!
Далее остается поместить созданный баннер в контейнер iframe и опубликовать:

Код: Выделить всё

<iframe src="images/banners/2016-kolsky-html5/index.html" width="468" height="60" frameborder="0" scrolling="no" allowTransparency="true"></iframe>
У вас нет необходимых прав для просмотра вложений в этом сообщении.
По суше: велосипед, Соболь 4х4 самый западный и LR Defender 110.
Отдохнул – отчитайся, лучшее слово – дело.

Теги: