Наверняка, всех уже достали флешь банеры поверх текста на разных сайтах, которые можно закрыть только после того, как они проиграют. Сейчас мы разберем принцип их вывода.
А для начала реальный примерчик:
Посмотрим на код:
<div id="FlashDiv" style="position:
absolute; top: 231.5px; left: 30%; z-index: 1;">
<object
id="swf">
<embed
src="/storylight/2006.03.15_15.55.30/123.swf" loop="true"
quality="high" wmode="transparent"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
height="200" width="400">
</object>
</div>
Устанавливаем абсолютную позицию, можно и слева и справа и даже снизу, но
в нашем случае, чтобы не испортить дизайн сайта я установлю сверху. Делаем это
в теге <div> т.к. див сам по себе контейнер, а это очень удобно: position:
absolute; top: 231.5px; И есть еще один интересный момент, т.к. мы не
указали справа или слева, элемент будет выровнен слева относительно своего родителя,
например таблицы в которой он находиться.
Главным моментом прозрачности конечно является атрибут wmode="transparent". А сделать наш элемент Выше обычного текста нам помогло свойство z-index: 1;
Ну а выскакивание этого банера мы уже доверим вселюбимцу Javascript, который и выровняет флешь-банер по середине любого окна и поможет с такой же легкостью его убрать.
Комментарии