Позиционируем прозрачный flash

Автор: Aport Пятница, Январь 23rd, 2015 Нет комментариев

Рубрика: Разное

Наверняка, всех уже достали флешь банеры поверх текста на разных сайтах, которые можно закрыть только после того, как они проиграют. Сейчас мы разберем принцип их вывода.

 

просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто текст, просто просто текст, просто текст!!!

 

Посмотрим на код:

<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, который и выровняет флешь-банер по середине любого окна и поможет с такой же легкостью его убрать.

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты