Веб-банери ефективний маркетинговий інструмент, який використовується на сайтах різної тематики. Переваги анімаційного банера очевидні. За період показу банер здатний донести набагато більше інформації, ніж статичний. У цій статті розглянемо процес створення банера зі зворотним відліком на прикладі банера « До Нового Року залишилося ... ».
Використовувати будемо Adobe Flash CS3 Pro і відповідно Action Script 2.0.
1. Створимо новий документ і задамо розміри майбутнього банера.
Щоб задати розміри і швидкість майбутнього ролика, вибираємо меню «Modify-> Document» b вписуємо необхідні значення.
У нашому прикладі ми встановимо нестандартні розміри:
2. На першому шарі флеш-банера створимо текстове поле з текстом «00: 00: 00: 00», налаштуємо шрифт, розмір. Це поле в результаті буде відображати головну інформацію нашого флеш-банера - кількість днів, годин, хвилин і секунд до потрібної дати.
Необхідно встановити тип текстового поля в «Dynamic Text» і видалити надрукований текст з нулями, оскільки це поле буде відображати інформацію генерується скриптом Action Script.
Після видалення тексту з нулів має залишитися порожній динамічне поле з налаштованими параметрами шрифту.
3. Далі створеному текстовому полю необхідно привласнити «Ім'я примірника» (Instance name) для взаємодії поля зі скриптом. Іншими словами, для того щоб змінна Action Script вписувала в цьому полі створювані значення.
В поле Instance name вписуємо time_txt
4. У новий шар вставляємо наступний Action Script:
5. Створюємо але новому шарі пояснення до полів зворотного відліку, щоб було зрозуміло де що. Запускаємо ролик.
Готово. Відлік працює. Далі в банер можна додати графіки та анімації.
Варіант, який був зроблений для інтернет-магазину подарунків, напередодні настання року кролика.
Щоб змінити дату, до настання якої здійснюється відлік, необхідно підкоригувати 11 рядок коду. У ній вказується дата події в форматі (currentYear, 11,31), де currentYear- поточний рік, 11-скільки пропустити місяці, 31-дата наступного місяця, після 11-го. В даному випадку, це 31-е грудня.
Якщо необхідно поміняти дату, наприклад на 8-е березня, то міняємо значення на наступні: (currentYear, 2,7).