Расмотрим способ создания рич медиа баннера на flash.
Вообще, когда говорят о rich-media баннерах, сразу подразумеваются два утверждения:
1. Это очень изящно и престижно. К тому же в баннер формата Rich-media вмещается не меньше информации, чем в обычный.
2. Эта технология с каждым днём распостраняется в интернете всё шире и шире.
Приступим.
Особенностью баннеров формата rich media является то, что они появляются поверх контента сайта и имеют кнопку, нажатием на которую их можно скрыть. Для начала вам необходимо сделать сам баннер, у которого будет кнопка "закрыть", обычно это просто крестик в углу. Страницу, содержащую rich media баннер вы можете увидеть здесь, вместе с баннером, который я сделал на скорую руку. Итак, когда вы сделали саму флешку, пишем код для его вставки на страницу. Он будет выглядеть примерно так:
Quote
К сожалению, у Вас не установлен flash плеер.
Также в корень домена нужно положить файл swfobject.js, взять его можно отсюда. Путь к нему задаётся в первой строчке, можете изменить его.
Сейчас баннер выглядит как обычный (это просто код для вставки флешек на страницу). Для того, чтобы сделать его "Rich-media", изменим код:
Code
<script type="text/javascript" src="/swfobject.js"></script>
<DIV align="center" id="flashcontent" style="Z-INDEX: 10; LEFT: 300px; WIDTH: 450px; POSITION: absolute; TOP: 50px; HEIGHT: 70px">
К сожалению, у Вас не установлен flash плеер.
</div>
<script type="text/javascript">
var so = new SWFObject("banner.swf", "mymovie", "350", "350", "9");
so.addParam("wmode", "transparent");
so.write("flashcontent");
function kill()
{
document.all['flashcontent'].style.display="none";
}
</script>
Разберёмся в изменениях.
Именно вторая строка располагает наш баннер поверх контента на сайте. Во второй строке задаётся позиция по осям x и y. Если будете их изменять, знайте, что начало координат находится в левом верхнем углу браузера.
Quote
var so = new SWFObject("banner.swf", "mymovie", "350", "350", "9");
banner.swf - это путь к флеш-ролику. В нашем случае он лежит в одной папке со страницей, поэтому будет работать и относительный путь. mymovie - идентификатор обьекта, изменив его, ничего не произойдёт. Следующие две цифры - высота и ширина флешки, последняя - версия плеера, необходимая для просмотра этого баннера. Если у пользователя будет плеер ранней версии, он увидит надпись "К сожалению, у Вас не установлен flash плеер."
Quote
so.addParam("wmode", "transparent");
Эта строчка убирает фон из-под rich-media баннера. То есть, вы можете сделать баннер с закруглёнными краями, или вообще какой угодно формы.
Quote
function kill()
{
document.all['flashcontent'].style.display="none";
}
Функция, при вызове которой rich-media баннер должен "закрыться". Теперь остаётся последнее - сделать вызов этой функции при нажатии на кнопку "закрыть". Этой кнопке нужно дать идентификатор. Например, close. Тогда на кадр вешаем:
Quote
close.onRelease = function (): Void {
getURL("javascript:kill();", "_self");
}
Вот и всё, баннер rich-media готов! Остаётся выложить его в интернет и встроить в нужные вам страницы.
