Главная Flash и ActionScript Уроки Flash Как сделать ссылку на flash баннере?

Как сделать ссылку на flash баннере?

Печать E-mail
Автор: Administrator   
10.06.2011 00:00

В интернете есть куча примеров, касающихся того, как сделать ссылку во flash. Но они в основном используются в actionscript 1 и 2, но в последней версии action script они не работают. В связи с этим хотелось бы разобраться, как все же можно поставить ссылку в во flash.

 

 

Для начала, создадим документ flash, выбирая в начале в настройках action script3.0. Лично я выбрала размеры 200×200px  (но это на ваше усмотрение).

 

ActionScript3

По умолчанию создался слой «layer1». Переименуем его на «background»(задний фон). 

слой заднего фона flash

На нем мы изображаем тот баннер, для которого хотим сделать ссылку. У вас может быть несколько слоев, но суть от этого не меняется. Я загружу туда фотографию (File->Import->Import to library). Теперь в библиотеке имеется изображение. В окне библиотеки нахожу его и перетаскиваю в рабочую область. После этого первый ключевой кадр посерел. Выставляю картинке нужные размеры в окне properties. Чтобы изображение полностью легло на рабочую область выставляю длину и ширину исходного документа (в моем случае 200×200px). X и Y ставлю в начало координат (0,0).

свойства flash

Создаю новый слой, как показано на рисунке.

 

добавление нового слоя

Поменяем его название на link, что означает ссылка. Теперь у нас задача, отметить ту область, при клике на которую пользователь будет переходить по ссылке. Для этого мы сначала в окне color выберем: не заливать контур, и залить внутреннюю область он с прозрачностью alpha =0%.

 

6

Затем, берем инструмент rectangle tool и  рисуем прямоугольник пока любого размера. Выделяем его(с помощью инструмента selection tool) и в окне properties выставляем те же самые параметры что и раньше для изображения. Изображение будет выглядеть в точку:

выделенное изображение

Следующим шагом конвертируем полученный прямоугольник в кнопку. Для этого выберем его и сделаем modify->convert to simbol. В открывшемся окне выберем name: button, type: button. Жмем ок.

Опять выбираем нашу кнопку в слое link. Смотрим на properties. Вместо автоматически написанного названия <Instance Name> пишем что-то типа my_link.

Выбираем первый ключевой кадр в слое link и пишем в окне actions и пишем такой код:

  • Для кнопки добавляем слушателя и по событию клика мыши вызываем функцию clickHandler:

my_link.addEventListener(MouseEvent.CLICK, clickHandler);

  • Объявляем функцию, в которой в качестве входящего параметра берется событие мыши:

function clickHandler(event:MouseEvent):void {

  • Добавляем переменную link с типом URLRequest и присваиваем ей новый объект ссылку

var link:URLRequest = new URLRequest("http://www.chto-popalo.ru");

  • Пишем функцию перехода на нужную страницу и закрываем функцию. _self означает, что в этом же окне:

flash.net.navigateToURL(link, "_self");}

actionscript ссылка

 

Ну вот и создана наша флешка со ссылкой.

http://www.chto-popalo.ru
Последнее обновление: 06.07.2011 10:23
 

Категории

Твой голос!

Какой поиск лучше?
 

Где-то по-соседству