Як зробити flash-банер клікабельним (як прописати посилання всередині флеш-банера)?

Коротка інструкція

1. Створіть окремий шар в банері (він повинен бути самим верхнім), вставте в нього прямокутник за розміром всього банера, Ви можете це зробити прозорим.
2. Перетворіть прямокутник в кнопку (символ, type: Button). Назвіть його, наприклад «link».
3. Викличте меню Actions і вставте код (замінивши посилання на потрібну):
    1 on (release) {
    2 getURL ( "https://mamochki22.ru", _blank) -
    3}
4. Збережіть файл.

Детальна інструкція (для Action Script 2.0)

1. Відкрийте flash-банер або ролик в програмі Adobe Flash (в якій і створюється сам банер).

2. Створіть у ньому окремий шар і назвіть його, наприклад, link. Ім`я шару не має значення, головне, щоб він був самим верхнім шаром.

3. Виберіть інструмент Rectangle Tool (Прямокутник). На цьому етапі середовище розробки банера Adobe Flash CS3 Professional виглядає так:

Створюємо шар для кнопки

4. Намалюйте в робочій області прямокутник будь-якого розміру і в будь-якому місці. Але перш ніж його малювати, приберіть кордон прямокутника і зробіть його заповнення повністю прозорим. Для цього в закладці Color (Shift + F9, якщо її немає) виставите наступні настройки:

Малюємо прямокутник під flash

5. Переконавшись, що ви намалювали прямокутник в першому кадрі самого верхнього шару, перейдіть на закладку Info. Якщо цієї закладки немає, натисніть Ctrl + I або виберіть Window-gt; Info - Вона з`явиться. Виділіть наш невидимий прямокутник, клікнувши на першому кадрі шару link, а потім клікнувши на проявилася прямокутнику:

Панель Info у Flash

6. У закладці Info встановіть розміри прямокутника, який скоро буде кнопкою. Розміри повинні бути такими ж, як розміри flash-банера, а координати X = 0.0 і Y = 0.0. У нашому випадку панель Info виглядає так:

Розміри flash банера



7. Виділіть прямокутник. Щоб перетворити його в кнопку, натисніть F8, у вікні, виберіть Button та натисніть OK:

Робимо кнопку з прямокутника

8. Тепер у нас є кнопка поверх нашого банера. Поки вона нікуди не посилається, але зараз ми це виправимо.

натисніть F9, щоб відкрити панель Actions. Виділіть перший кадр самого верхнього шару, щоб виділити кадр з кнопкою, потім натисніть на маленькому кружечку в центрі кнопки. Після цього вставте в панель Action код переходу по кліку на flash-банері (замінивши посилання на потрібну). При цьому сайт, на який посилається банер, відкриється в новому вікні браузера:

    1 on (release) {
    2 getURL ( "https://mamochki22.ru", _blank) -
    3}

Виглядає це приблизно так:



Код посилання переходу для flash банера

цей код Action Script 2.0 означає, що при відпуску кнопки миші після кліка на нашу flash-банера відкриється нове вікно браузера і в ньому відкриється сайт https://mamochki22.ru.

Звертаємо вашу увагу, що дуже важливо вставляти код Action Script саме в кнопку, а не в кадр кнопки. Це поширена помилка. Також переконайтеся, що ви створюєте документ не старше версії Action Script 2.0, в новіших версіях цей код може не працювати або розумітися старими flash-програвачами неправильно.

відеоурок:

Якщо при створенні банера в середовищі розробки Adobe Flash CS3 або Adobe Flash CS4 ви вибрали більш нову мову Action Script 3.0 мовою скриптів вашого банера, то цей урок вам не підходить, для вас інструкція нижче.

Детальна інструкція (для Action Script 3.0)

Вищевказаний спосіб зробити банер flash клікабельним не працюватиме, якщо банер розроблявся з використанням більш нової версії мови ActionScript 3.0. Справа в тому, що 3-тя версія ActionScript істотно перероблена, і код ActionScript 2 не завжди розуміється середовищем розробки і програвачем. Середовище розробки Adobe Flash CS4, як і попередня версія Adobe Flash CS3, при створенні нового флеш-кліпу пропонує за замовчуванням використовувати нову версію вбудованого мови ActionScript 3.0.

У мові ActionScript 3 для того, щоб банер зробити посиланням, потрібно використовувати стандартну функцію navigateToURL (), яка входить в пакет flash.net. І код пишемо не в самій кнопці, а в окремому кадрі, оскільки 3-тя версія ActionScript вставляти код в об`єкти не погоджується. 

1. Відкрийте flash-банер або ролик в програмі Adobe Flash CS3 або Adobe Flash CS4 (ми використовували версію Adobe Flash CS3).

2. Створіть у банері окремий шар і назвіть його link. Ім`я шару не має значення, головне, щоб він був самим верхнім шаром. В цей шар додаємо прямокутник, робимо його прозорим і перетворюємо його в кнопку (button). Про те, як це зробити, детально описано вище (в інструкції для Action Script 2.0, див. Кроки 3-7).

3. Готовою кнопці дайте ім`я mybanlink. Для цього достатньо вписати це ім`я в панелі властивостей, коли кнопка активна, і натиснути Enter:

Ім`я для кнопки flash

4. Після того, як прозора кнопка готова і у неї є ім`я, потрібно вписати відповідний код ActionScript 3 в окремий кадр окремого шару actions за допомогою панелі Actions. Щоб відкрити панель Actions, досить натиснути F9. Код ActionScript 3, який потрібно вписати, виглядає так:

1 mybanlink.addEventListener (MouseEvent.CLICK, mybanlinkClickListener) -
2
3 function mybanlinkClickListener (e: MouseEvent): void {
4 var url: String = "https://mamochki22.ru" -
5 var urlRequest: URLRequest = new URLRequest (url) -
6 navigateToURL (urlRequest) -
7}

Зверніть увагу на використання імені нашої прозорої кнопки в коді ActionScript 3:

Код ActionScript 3 для банера flash

У функції navigateToURL є 2 параметра:
1. Обов`язковий, який повинен відповідати типу даних URLRequest
2. Необов`язковий параметр, який визначає, в новому або в поточному вікні буде відкрита посилання. Точніше, є 4 значення другого необов`язкового параметра функції URLRequest:

Flash-банери з використанням ActionScript 3.0 більш вимогливі до правильного коду публікації flash на веб-сторінці. У деяких версіях браузерів або старих flash-плеєрах при використанні скороченого коду публікації можуть виникати помилки. Тому, якщо ви вам потрібен простий код для свого флеш-ролика і ви не збираєтеся використовувати розширені функції ActionScript 3, робіть свої банери розмітки за допомогою більш старого коду ActionScript 2. Не створюйте собі проблеми на рівному місці.

джерело



Оцініть, будь ласка статтю
Всього голосів: 156