<
  • Главная
Статьи

Інтерактивний Flash header. Вставка swf в html сайту

При натисканні на Ctrl + Enter у Вас на диску з'явиться swf файл (там, де Ви зберігали проект). Ви можете дати йому свою назву, наприклад my.swf і закинути в директорію свого ftp каталогу з сайтом, використовуючи, наприклад FileZilla.

Завантажити FileZilla останньої версії

Зверніть увагу, що технологія Flash втрачає свою популярність і в майбутньому буде замінена на HTML5!

Тепер Вам необхідно визначитися куди саме потрібно вставити файл swf в сторінці Вашого сайту. Якщо Ви не використовуєте CMS (система управління вмістом сайту) і Ваш сайт представляє з себе просту HTML сторінку (або їх набір), то Вам необхідно вставити наступне (нижче) в файл index.html Вашого сайту.

Якщо Ви використовуєте якусь CMS і в ній є шаблон, який Ви призначили для користувальницької боку (а не адміністративної) сайту, то Вам необхідно знайти де розташована шапка Вашого сайту. Це можна зробити, використавши Opera Dragonfly (або подібне розширення FF або Chrome), яке дозволяє переглядати елементи сайту, наприклад:

Це можна зробити, використавши Opera Dragonfly (або подібне розширення FF або Chrome), яке дозволяє переглядати елементи сайту, наприклад:

викликати це доповнення Ви можете перейшовши на потрібний сайт і натиснувши правою кнопкою миші, вибрати меню Проінспектувати елемент (Inspect Element).

Після того, як Ви розібралися як переглянути елемент шапки Вашого сайту. Знайдіть щось схоже на <div id = "header">.

Далі, Вам знадобиться завантажити java script файл, який визначає чи встановлений у користувача плагін для програвання swf роликів чи ні. У разі його відсутності видається проста статична картинка або те, що Вам необхідно.

Завантажити SWF Object . З цього архіву Вам знадобиться файл so.js.

Отже, Вам залишилося підключити JS файл і прописати необхідний код для вставки SWF Object. Йдемо в файл, в який будемо вставляти об'єкт. У моєму випадку я використовую CMS Joomla і файл layouts / default.php.

Підключаємо java script файл (копіюємо цей рядок в свій файл html або php і зберігаємо його, замінюємо на ftp):

<Script type = "text / javascript" src = "/ <? Php echo JURI :: base ();?> Templates / javascript / so.js"> </ script>

templates / javascript / so.js - це шлях, де лежить Java скрипт

Вставляємо SWF Object:

<Script type = "text / javascript">
var so = new SWFObject ( "https://usemind.org/templates/1.swf", "header", "1301", "135", "10");
so.addParam ( "quality", "high")
so.addParam ( "wmode", "transparent")
so.write ( "header");
</ Script>

"Header", "1 301", "135", "10" - назва того, що ми будемо замінювати, ширина, висота, мінімальна версія flash плеєра.

so.addParam ( "wmode", "transparent") - ось цей параметр відповідає за прозорість

Але до цього коду нам потрібно вивести те, що він буде замінювати і те, що він буде виводити є наслiдком відсутності плагіна у користувача:

<Div id = "header">
<a href="https://usemind.org/"> <img src = "https://usemind.org/templates/images/bg_top.png" width = "1305" height = "135" alt = "usemind .org "/> </a>
</ Div>

<Div id = "header"> - це ідентифікатор, який дозволяє звернутися до нього всередині коду. Тобто замість header може бути будь-яке слово, яке Вам заманеться. Але не забувайте його використовувати і в інших сегментах коду.

У своєму випадку я використовую картинку, яка буде виводитися замість flash банера, якщо користувач не встановив Adobe Flash плеєр.

Тобто, що ми зробили? Ми прив'язали до сторінці JS код, який визначає наявність плаігна у користувача і виводить картинку (в нашому випадку), якщо він відсутній. Також ми підключили SWF файл, який має прозорість в потрібному місці, коректно відображається у всіх браузерах інтернету (браузерах) і не вимагає активації мишею в Opera.

Php echo JURI :: base ();?
Тобто, що ми зробили?


Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью