Сьогодні розберемося, як зробити не просто банер, а Rich flash банер з усіма наслідками, що випливають звідси наслідками.
Що ж являє собою Rich-банер (точніше rich media banner)?
Для таких банерів, особливо добре, підходить технологія Adobe Flash.
* В першу чергу ми торкнемося створення простого flash банера і проблемою як його розмістити на веб-сторінці і поставити gif заглушку.
* Ознайомившись трохи з Flash і мовою html, поекспериментуємо з флешварамі (FlashVars).
* Розглянемо. як за допомогою бібліотеки SwfObject поставити банер на веб-сторінку.
* Для любителів великих можливостей, зробимо такий же банер на AS3.
Зробимо банер з допомогою Macromedia Flash 6-9, Adobe Flash CS3-CS4 (В принципі не критично) за даною схемою.
Робота над візуалом закінчена, займемося активним скриптом (ActionScript).
Створюємо новий шар і тиснемо F9 (windows-> Action). Пишемо в вікні,
Деякі поястенія до даного скрипту.
Отже, Компільо і банер готовий! Тепер перейдемо до кульмінації нашого проекту.
Як же вбудувати банер в веб-сторінку?
Для початку, потурбуємося про тих людей, у яких в браузері не підтримує технологію flash. Людина, у якого немає флеша, не побачить ваш банер!
Спеціально для нього робимо gif-заглушку. тобто gif-банер, який буде лежати під флеш (природно про rich media для gif-банера говорити не доводиться).
Ось така gif -заглушка вийшла у мене.
Коли все готово, складемо все до купи в веб-сторінку (html код).
Пояснення до html коду!
В місце document.getElementById ( 'loadruner1'). Style.display = 'none'; Можна використовувати document.all [ 'loadruner1']. Style.display = "none";
Начебто все, але я трохи вирішив поекспериментувати з gif заглушкою і додав можливість користувачеві закривати її натисканням на хрест.
Для цього я розбив gifку на з частини:
І проставив їх в html таким чином. (Html код)
Пояснення! Розташування картинок вийшло таке:
-подія для закривання нашого банера (тепер заглушка теж вміє закриватися)
Замість document.getElementById ( 'loadruner1'). Style.display = 'none' можна завжди використовувати document.all [ 'loadruner1']. Style.display = "none";
Rich-банер готовий! Залишилося тільки подумати над інтерактивним вмістом нашого банера. (Придумуйте дизайн, ефекти і тп як вам заманеться)
Припустимо, нам захотілося поміняти url директив і текст посилання на нашому банері або ще що-небудь динамічно змінюється.
Для цього ми будемо використовувати флеш змінні FlashVars. Змінні, які ми будемо віддавати нашому банеру із зовні.
Для початку підправимо трохи Flash банер.
І відредагуємо html код.
Тепер можна змінювати директ і текст банера простий правкою цього значення в html.
Деяких людей дратує таке явище, як рамка навколо банера.
Спробуємо позбудеться від неї за допомогою бібліотеки SwfObject.js - Пишемо такий html код:
І прозорість самої флешки (fo.addParam ( "wmode", "transparent");). При бажанні їх можна прибрати!
Скриптова функція function kill (); була вшита в основний скрипт налаштування SvfObject.
При бажанні це все можна зібрати в один скриптовой файл і в одну функцію для компактності коду.
+Для любителів великих можливостей і нових технологій.AS3
AS3 банер
З появою AS3 у флеша з'являються воістину грандіозні можливості.
Спеціально для любителів всього нового той же самий банер, тільки з використанням AS3 (середа Adobe Flash CS3 і Adobe Flash CS4).
AS3 код для банера
// імпортуємо потрібні об'єкти
import flash.net. *;
// Створюємо змінну для FlshVars
var flashvars: String = new String (root.loaderInfo.parameters.genericURL);
// присвоюємо мувікліп властивості кнопок
geturl_mc.buttonMode = true;
close_mc.buttonMode = true;
// присвоюємо тексту значення flashvars (наш урл)
viewu.text = flashvars;
// створюємо обробник події CLICK для geturl_mc (кнопка на директ)
geturl_mc.addEventListener (MouseEvent.CLICK, clickHandler);
// Створюємо функцію для навігації і події CLICK для geturl_mc
function clickHandler (event: MouseEvent): void
Ну а далі вставляєте його в веб-сторінку тим же способом, який описаний вище!
Різні аспекти з приводу flash rich media банерів:
* Вимоги до звичайних flash-банерів.
1. версія флеша не вище 7
2. Крім файлу .swf, необхідно підготувати .gif-заглушки, які будуть показуватися користувачам, які не мають можливості переглядати flash-банери.
3. наявність root.link1 (може бути будь-який) в getURL (_root.link1, "_blank");
* Вимоги до rich-media банерів.
1. версія флеша не вище 7
2. gif заглушка обов'язкове
3. обмеження за розміром
4. наявність root.link1 (може бути будь-який) в getURL (_root.link1, "_blank");
5. наявність кнопки "закрити" fscommand ( 'kill', ''); unloadMovie (_root);
Якщо ви збираєтеся використовувати в "Банерна мережах", то варто строго дотримуватися версію флеша для забезпечення кращої сумісності.
На щастя, ActionScript 3.0 навіть у Flash CS3 використовувати необов'язково. Можна обійтися 2.0, в якому все просто і досить надійно.
Але якщо вам, все ж, потрібно використовувати саме третю версію ActionScript, майте на увазі кілька речей.
По-третє. для виконання яваскрипт функції "kill" замість fscommand ( 'kill', '');
Через політику безпеки деякі функції працюють тільки на сервері.
У нашому випадку кнопка "закрити" (для флеша) локально працювати не буде!
У AS3 зовнішні змінні завантажуються так, root.loaderInfo.parameters.link1.
Де link1 це ім'я змінної.
Замість gif заглушки можна використовувати зображення і в інших форматах (jpg, png, tif, tga, bmp). Просто gif заглушка оптимальна по вазі, адже доводиться завантажувати флеш банер і gif-заглушку.Gif -заглушка повинна бути такого ж розміру, що і флешка.
Це важливий день в особистих відносинах. Проявляйте емоції, висловлюйте пристрасть і почуття, а холодності і байдужості важливо уникати. Відкладіть вирішення побутових питань, додайте романтики. У той же час день здатний принести закінчення вже зжили себе відносин, в тому числі і з тієї причини, що Ви можете зустріти нового цікавого Вам людини.
Гороскоп покупок на сьогодні
День вдалий для покупки товарів повсякденного користування, дитячих іграшок. Успішною також виявиться покупка побутових інструментів: ножів, ножиць, молотків, механічних приладів і обладнання. Ви зможете успішно витратити гроші на покупку засобів для утилізації відходів, інтимних товарів, еротичного нижньої білизни
День несприятливий для придбання годин, будівельних матеріалів
Приєднуйтесь
Хітів 4 | хостів 4
День командира надводного, підводного і повітряного корабля ВМФ Росії
9праздніков, 10іменін, 28памятних дат
- свята
- День працівника сільського господарства і переробної промисловості в Росії
- День незалежності Хорватії
- День танкіста Вірменії
- День працівників культури Білорусі
- День художника України
- День працівників державної санітарно-епідеміологічної служби України
- День юриста України
- Іменини Олександр, Герман, Євген, Максим, Микола, Павло, Прохор, Роман, Сергій, Федір
Завтра до 20:02 дев'ятнадцятий день місячного циклу, після - двадцятий. Дані наведені для тимчасового пояса Москви. Не забудьте зробити поправку для свого місця проживання!
Всесвітній день пошти
8праздніков, 8іменін, 26памятних дат
- свята
- День Колумба в США
- День подяки в Канаді
- День фізкультури в Японії
- День проголошення корейського алфавіту
- День національної гідності в Перу
- День ріелтора на Україні
- Іменини Олександр, Володимир, Дмитро, Іван, Микола, Тихон, Опанас, Єфрем