Пару раз в моей практике возникала необходимость сделать на сайте ссылку с флеш-баннера (файл формата swf) на определенную страницу.
Проблема здесь заключается в том, что если вы просто обернете flash ссылкой, например, так
1 |
<a href="url">код flash-ролика</a> |
то это не будет работать.
Проблема здесь видимо в том, что флеш имеет бесконечный z-index, который располагает его над ссылкой.
Читал, что это можно исправить (понизить индекс), указав параметр баннера
1 |
<param name="wmode" value="opaque"> или wmode="opaque" |
однако у меня это по каким то причинам не сработало.
В итоге я обернул flash в тег div, у которого задал z-index = 0, а над баннером разместил ссылку в виде блока с размерами, равными баннеру.
Получился такой код, который у меня работает, по крайне мере, на гугл хром.
1 2 3 4 5 6 7 |
<div class="swf" style="position: relative;"> <a style="position: absolute; width: 244px; height: 105px; left: 0; top: 0;" href="ссылка"></a> <div style="z-index:0;"> <object ... > </object> </div> </div> |
Пояснения по коду.
Все находится внутри div class=»swf». Он нужен, чтобы внутри него спозиционировать линк и flash-баннер. Инструкция position: relative как раз для этого.
Далее идет ссылка, позиционируемая left: 0; top: 0, и с размерами, равными размерам баннера (width и height).
Затем, как я уже говорил, идет div с инструкцией z-index:0, чтобы понизить баннер ниже ссылки. Object — здесь код вашего баннера.
Здравствуйте, а Вы не могли бы этот код расширить то есть обозначить где и как вставлять путь ссылок то есть где прописать адрес сайта.
С уважением Михаил
Михаил, не вполне понял вопрос. Адрес сайта — это куда должна идти ссылка с флэш-баннера? Эту ссылку нужно вставлять в теге ‘a’ в атрибуте href.