logo header

Азбука SEO

IT, графика, видео, карты

flash В данной статье рассказывается как вставить Flash баннер на сайт двумя способами.

Как вставить флеш на сайт.

Многих интересует вопрос как вставить флеш на сайт. Наиболее часто этот вопрос возникает при необходимости вставить flash баннер на сайт joomla, Wordpress и другие. Его можно вписать как в HTML модуль в joomla или виджет в Wordpress, так и непосредственно в текст статьи. Предлагаю два варианта как вставить флеш на сайт:

Как вставить flash баннер на сайт.

Вариант первый, когда необходимо просто вставить flash баннер (в формате swf).

Перед тем, как разместить баннер в нужной позиции, файл swf сначала надо загрузить на хостинг. 

Затем ввести следующий код в редактор страницы или модуль (виджет) в режиме редактирования кода:

<embed  type="application/x-shockwave-flash" width="200" height="334"
 src="/images/flash_rolik.swf" quality="best" wmode="Window"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

 Где width="200" height="334"- настраиваемые значения размера ролика по ширине и высоте соответственно.

images/flash_rolik.swf - путь к ролику.

Для позиционирования баннера, при необходимости, меняем его размеры (обязательно соблюдаем пропорции сторон). 

Как вставить флеш над изображением.

Вариант второй, когда надо вставить флеш на сайт над изображением. Размещение flash сверху изображения иногда необходимо для того, чтоб у тех, у кого не будет срабатывать флеш проигрыватель (например на андроид устройствах) и не будет показываться flash ролик, показывалось нужное изображение в растровом формате. Для этого необходимо внести аналогичным образом и настраиваем как в первом случае следующий код:

<div>
    <p>&nbsp; &nbsp;<img src="/images/raster.gif" alt="name" width="190" height="316" />
     </p>
</div>
<div style="position: absolute; top: 197px; right: 16px; z-index: 100;">
        <object data="images/flash_rolik.swf" type="application/x-shockwave-flash" width="190" height="316">
          <param name="wmode" value="Window" />
         <param name="quality" value="best" />
         <param name="movie" value="images/flash_rolik.swf" /> </object> </div>

Где img src="/images/raster.gif" alt="name - путь к растровому изображению и его альтернативный текст, и меняем показатели отступов от границ модуля (сайта) по вертикали и горизонтали (от правого или левого края, в зависимости от введенных данных в коде) в показателях position: absolute; - значение top: 197px; - расстояние от верхнего края, right: 16px; - расстояние ролика от правого края в пикселях.

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

 

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

публикация после модерации


Защитный код
Обновить

site costreal pr6cycounter1

Проверка свободных доменов