аватар Автор: Сергей Касаткин | 11 октября 2013 00:58

Статьи / HTML /

Как сделать flash-баннер ссылкой?

Допустим Вы имеете в распоряжении flash-баннер без вшитой в него ссылки (уже сам баннер без какого-ибо кода HTML может быть ссылкой. Делается, например, в Adobe Flash), бывает и такое. Однако статья о том, как средствами HTML сделать баннер кликабельным. Проблема распространённая. Предлагаю такой вариант, который, не назвать иначе как костыль. Поверх баннера создаём область, которая и будет являться ссылкой. Чтобы ссылка наложилась на баннер используем для ссылки свойство position: relative (позиционирование относительно родительского блока). Работает во всех браузерах.

Код HTML

<div style="position: relative;">
   <a style="position: absolute; width: 200px; height: 270px; left: 0; top: 0; background: url(images/s.gif) left top no-repeat;" href="http://tradebenefit.ru/" target="_blank"></a>
   <object type="application/x-shockwave-flash" data="banners/primer.swf" width="190" height="270">
     <param name="wmode" value="opaque">
     <param name="movie" value="banners/primer.swf" />
     <param name="quality" value="high" />
   </object>
</div>

Вам останется поменять три вещи: два упоминания адреса баннера (banners/primer.swf - указываете свой путь и название), непосредственно ссылку (в коде ссылка на мой сайт - http://tradebenefit.ru/) и размеры баннера, упоминаемые также два раза (для ссылки и object - width и height).

Всё предельно просто!
Спасибо за внимание!
 



Похожие статьи


Комментарии к статье (vk.com)