Рич-баннеры – это просто
Да, действительно просто. По своей сути, это точно такой же обычный флеш-баннер, но с несколькими отличиями. Рич-медиа баннер не обязательно всплывающий, во-первых. Он может быть просто интерактивный и крупный. Во всплывающем, то есть в том, что появляется поверх всего контента страницы, обязательно должна быть кнопка "закрыть". В невсплывающем надо позаботиться о том, чтобы не загородить какой-либо движущейся частью важный контент. Еще, как вариант, рич-баннер может представлять из себя маленький с виду баннер, при наведении на который, раскрывается его большая часть. Основы создания и вставки такого баннера излагаю ниже.
Итак, вставить рич баннер в веб-страницу очень удобно с помощью SWFObject, но можно использовать и обычный код, который выдает Flash при компиляции.
В HTML-код страницы вставляется новый слой для баннера:
Расположение слоя можно выставить прямо в нем, я для примера сделал просто absolute, а можно прописать в CSS-файле. И в этот слой мы вставляем стандартный код для вставки swf на страницу:
Благодаря этой строчке, задаем прозрачный фон баннеру:
А это, думаю, всем ясно, что ширина/высота:
На кнопочку "закрыть", на "крестик", делаем код, который скроет баннер после нажатия:
getURL("javascript:banner.style.visibility='hidden';");
}
Через SWFObject делается немного иначе. Мы также создаем слой для вставки баннера, но вызывать его будет JavaScript.
<div id="banner" style="z-undex: 10; position: absolute;">Альтернативный контент (будет виден, если не установлен флеш-плеер).</div>
<script type="text/javascript">// <![CDATA[
var so = new swfobject("banner.swf", "mymovie", "200", "200", "9");
so.addParam("wmode", "transparent");
so.write("banner");
function kill() {document.all['banner'].style.display="none";}
// ]]></script>
Здесь прозрачный фон задает такой же параметр:
Этоимуказывается на то, что баннер должен быть в самом верхнем слое на странице, поверх всего. Можно поставить даже параметр 100, чтоб быть совсем уверенным:
Эта функция будет убирать баннер после нажатия на "крестик":
Для того, чтоб она сработала, в баннере Клипу (Movie Clip) с "крестиком" даем Имя (Instance name), допустим, close, и в кадре верхнего слоя пишем скрипт вызова этой функции:
getURL("javascript:kill();", "_self");
}
Благодаря тому, что фон баннера мы делаем прозрачным, контуры баннера могут быть абсолютно любой сложной формы, здесь можно применить множество идей оформления.
Приглашаю , если понравилась запись.
