Делаем гиперссылку при клике на флеш-баннер

Поначалу кажется странным, но проблема создания гиперссылки из флеш-объекта существует очень давно. Обычным тегом <A> никак нельзя создать гиперссылку с флеш-объекта. Не помогает и более хитрый вариант с <DIV onClick='location.href=""'>, потому что у флеш своя собственная активная зона на экране, где могут обрабатываться какие-то события, связанные с мышкой.

Как обойти эту проблему? Большинство людей советуют встроить ссылку в сам Flash-файл. Делается это очень просто - прямо в Adobe Flash - создается прозрачный слой-кнопка, которой прописывается обработчик события onRelease().

button.onRelease = function() {
getURL("http://www.codething.ru/");
};

Этот способ хорош лишь в том случае, если вы самостоятельно изготавливаете и Flash-ролик и сайт.

Если же вам приносят множество готовых флеш-роликов (чаще всего это баннеры), в которых ссылка явно не задана, то следует применять другой, более экзотический способ создания гиперссылки. Например, можно воспользоваться javascript библиотекой jQuery и её расширением jQuery SWFObject plugin.

Для этого выполним следующие действия:

1. Качаем jQuery с сайта http://jquery.com/
2. Качаем плагин jQuery SWFObject plugin с сайта http://jquery.thewikies.com/swfobject/ (заодно читаем там документацию и смотрим примеры).
3. Размещаем на странице нехитрый код:

<a href="http://www.codething.ru/">
 <div id="myflash"></div>
</a>
<script>
$(document).ready(
 function() {
  $('#myflash').flash(
  {
   swf: '/images/banner.swf',
   width: '120px',
   height: '120px'
  });
 }
);
</script>

4. Радуемся результату!

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal

One thought on “Делаем гиперссылку при клике на флеш-баннер

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *