Сьогодні вирішив відкрити деякі простенькі секрети, які дозволять вам набагато поліпшити зовнішній вигляд вашого сайту. І мова піде про техніку флеша.
Взагалі, я вважаю, що робити весь сайт на флеш - просто неповага до відвідувача, та ще й проблеми з індексацією в пошукових системах, але ось робити цікаві вставки на флеш, дуже навіть прикрашає дизайн будь-якого сайту.
У статті мова піде про те, як правильно вставляти ці флешролікі так, щоб вони органічно вписувалися в фон.
Для початку, я хотів би показати навіщо нам це потрібно на прикладі.
Йдемо на один сайт сайзенов. Думаєте у них весь сайт на флеш? А ось і ні. Сама шапка зроблена картинкою, а поверх накладено флеш з анімацією. Ви можете самі переконатися в цьому глянувши на картинку.
Отже, перше що потрібно зробити для такої техніки - підготувати фон картинку і флеш-накладення. Робити це можна в будь-яких програмах, які вам сподобаються. При експорті флеш-ролика, обов'язково потрібно його зробити на прозорому тлі. Для цього перед експортом, вам потрібно знайти потрібну галочку. Зазвичай цей пунктик називається alpha channel. Дуже часто, вам доведеться зробити певні настройки в html експорті. На прикладі, в adobe flash - ці налаштування знаходяться в file -> Publish Settings -> html. Шукаємо там опцію window mode і вибираємо transparent.
Далі, потрібно вставити правильно цей ролик на сайт.
Я вважаю, що найкращим рішенням для цього зараз є swf object.
Викачуємо останню версію з гугла, там же можна подивитися і різні способи вставки, я ж розповім про один з них, який нам потрібен буде для вставки флеш з прозорим фоном.
Для цього будемо використовувати динамічний метод вставки флеш. Це означає, що потрібно в коді створити div з певним id - в нього ми вставимо альтернативний контент, який буде показуватися, якщо у користувача не встановлено \ відключений флеш програвач. Вийде щось на зразок цього
Обов'язково запам'ятайте id шару.
Далі, в хедері потрібно підключити скрипт swfobject, прописавши шлях до нього
Тепер потрібно вивести замість нашого шару флеш ролик. Для цього пишемо такий код
var flashvars потрібно нам для позначення змінних. У нашому випадку, це не потрібно.
var params - дуже важливо тут вказати wmode. «Transparent» - тому що без цього, ролик буде вставлено без прозорого фону. У цьому рядку можна вказувати і інші параметри для флеша
var attributes - тут вказуємо атрибути, нам це теж не потрібно.
Ми вказуємо по порядку
Ось і все, якщо ж щось незрозуміло, то ось вам архів, в ньому показаний приклад підключення такого флеш ролика.
Моніторинг мережі: все ще хвилює тема, як підняти тиц. Дивіться останні методи про те як підняти тиц
Вітаю!
Код хороший, сам користуюся. Але у мене виникла проблема.
ось код
Все працює, у багатьох браузерах, а з IE-9 проблема.
Через params.wmode = «transparent» ;, відключається звук. Тобто при першому відвідуванні, він спрацьовує, а далі при переході, або при наступному відвідуванні немає. Що то в кеш по всій видимості вкладається.
Робив мувик в Adobe Flash CS3, може що то потрібно в нутрі мувіка додати, або в код скрипта дописати?
Забираю params.wmode = «transparent»; все працює.
Дякуємо
в ие вічно глюки різні. Що дописати - не знаю якщо чесно, спробуйте може не transparent, а opaque
Ні не допомагає, по всій видемости глюк викликає не transparent а params.wmode - з будь-яким параметром.
З opaque проподает прозорість, і все одно зі звуком проблема. А прибираєш params.wmode звук в порядку, а прозорості немає.
подивіться в довідці в гуглі по swf object - я точно пам'ятаю, що там є кілька варіантів синтаксису, можливо інший варіант запрацює як треба
Подивився, перерив.
Я так ні чого й не знайшов.
Перепрошую у вас код не вписався.
Ось повинен стати
залишити відгук
Думаю, що багатьох відвідує така думка.
Отже, ви вирішили оновити свій робочий.
Зараз Інфобізнес або інтернет комерція.