Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

Главная Статьи Блог как сделать flash под картинкой!
как сделать flash под картинкой!

Бывают случаи когда увидели красивую флешку и хочется иметь эту флешку на своем сайте и что бы она еще была и кнопкой на какую нибудь страницу...но вот беда....внутри флешки уже есть ссылка , а декомпилировать флешку нет возможности или просто впадлу.....на помощь приходит Z-INDEX))

 

1 берем флешку и заливаем к себе на сайт

2 со3даем прозрачный png

3 пишем код

 

  
<div id="s1" style="position: absolute; z-index: 1;"><a href="/ваша ссылка"><img src="/адрес до вашей прозрачной png" height="200px" width="250px" /></a></div>

<div id="s2" style="position: relative; z-index: 0;">
<object height="200" width="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" style="width: 250px; height: 200px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param name="wmode" value="transparent" />
<param name="src" value="адрес до вашей флешки" />
<param name="bgcolor" value="transparent" /><embed height="200" width="250" bgcolor="transparent" src="/адрес до вашей флешки"" wmode="transparent" style="width: 250px; height: 200px;" type="application/x-shockwave-flash"></embed>
</object>
</div>

Как Вы видите, код очень прост.

итак разберемся.. мы создали 2 div один из которых является картинкой ссылкой, а второй той самой флешкой и поставили при помощи z-index первый div(c ссылкой и картинкой) спереди(поверх) второго div (c самой флешкой)....буду раз если  кому помог


пример здесь   obcat.ru


на всякий случай прилагаю код

в txt    http://depositfiles.com/files/cp9hpksgz

 


 

 

Комментарии

0midnight16.02.2011 15:51#1
спасибо, помог ))
Цитировать
0koreshmanner20.09.2011 02:47#2
спасибо друган,очень помог этот код вставки флеш.....
Цитировать

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


Защитный код


Литература

8 видеоуроков по…

На днях популярная и известная студия по разработке шаблонов и…

Joomla!…

Если вы часто создаете сайты на CMS Joomla! 1.6, 1.7 или 2.5 то вы…

10 легких шагов к…

Прочитав книгу Хагена Графа «10 легких шагов к освоению Joomla! 3.0»…

Joomla! 2.5 -…

Книга «Joomla! 2.5 - Руководство для начинающего пользователя»…

Инструменты

Akeeba SiteDiff

При создании сайта, всегда есть вероятность того что он будет взломан…

Morph Framework

Последняя обновленная и уже совершенно бесплатная версия фреймворка…

CodeLobster PHP…

Очень мощный и многофункциональный редактор РНР, HTML, CSS,…

JB Zen Grid Framework…

Последняя обновленная версия фреймворка Zen Grid от студии…