[OLD] BackOver

"Английская версия" "Скачать в формате PDF"

Описание

Меняет фон сайта, по наведению на баннер.

BackOver - баннер меняет фон сайта при наведении на него указателя мыши.

При наведении курсора мыши на баннер у сайта меняется фон на картинку и/или на заданный цвет, а при отведении мыши - фон сайта принимает первоначальный вид. При клике на баннер осуществляется переход на сайт рекламодателя.

Подготовка (для разработчиков)

Требования к среде разработки:

1. ActionScript 2.0.
2. FlashPlayer 8.0.

Что необходимо подготовить:

1. Flash-ролик (*.swf), не более 300Кб.
2. Картинку-заглушку (*.jpg, *.png, *.gif).
3. Фоновое изображение (*.jpg, *.png, *.gif).

Требования к файлам

Ограничение на размер:
- Графические файлы (*.jpg, *.png, *.gif) — до 300 Кб;
- Swf-файлы (flash-ролики *.swf) — до 300 Кб.

Для баннеров, состоящих из нескольких файлов, ограничения проверяются отдельно для каждого файла.

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

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


Подготовка Flash-ролика

Разместите поверх всего flash-ролика прозрачную кнопку, и добавьте следующий код:

on (rollOver)
{
  getURL("javascript:recordNewBack" + _root.bannerID + "();", "");
}
on (rollOut)
{
   getURL("javascript:recordOldBack" + _root.bannerID + "();", "");
}

Для кнопки, по клику на которую будет осуществлен переход на сайт рекламодателя, пропишите следующий код:

on (release)
{
  getURL(_root.link1, "_blank");
}

Подготовка фонового изображения

Чтобы правильно подготовить фоновое изображение нужно учесть, что у каждого пользователя свое разрешение экрана, из-за чего фоновое изображение на различных экранах отображается по-разному.

Например, ширина сайта составляет 1000px. Создадим фоновое изображение размером 1800х1000px.

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

Для разрешения 1280х768:

"Для разрешения 1280х768"

Для разрешения 1280x900:

"Для разрешения 1280x900"

Для разрешения 1360х768:

"Для разрешения 1360х768"

Подсчет событий

Подсчет событий в баннерах реализован через вызов переменных event_1 … event_20.

Событие №1 (event_1) зарезервировано для подсчёта количества показов фона.

Вам для использования доступны события со 2-го по 20-е.
Для учета события в момент наступления действия, которое необходимо посчитать, во flash-ролике вам нужно вызвать код:

loadMovieNum(_root.event_N,300); 

где N-это номер события, число от 2 до 20.

Добавление в AdFox

При добавлении баннера BackOver выберите шаблон "BackOver". Укажите следующие параметры:

  1. Flash-ролик - загрузите flash-ролик.

  2. Изображение - фоновое изображение (background).

  3. URL перехода - полная ссылка на сайт рекламодателя.
  4. Параметр передачи перехода - по умолчанию link1. Параметр передачи перехода должен совпадать с параметром, указанным при подготовке flash-ролика: getURL(_root.link1, "_blank");.
  5. Ширина и Высота - размеры flash-ролика и картинки-заглушки в пикселях.
  6. "TARGET" ссылки - параметр, указывающий в каком окне открывать ссылку. Возможные значения: _top - в текущем окне, _blank - в новом.
  7. Цвет фона - цвет фона сайта, указывается в формате HEX: #ffffff.
  8. Прозрачность Flash-ролика (wmode) - будет ли flash-ролик прозрачным на странице: transparent – прозрачный, opaque – непрозрачный.
  9. Картинка-заглушка - показывается пользователям, у которых не установлен flash-плагин.
  10. Положение фона по горизонтали - указываем положение фона по горизонтали. Возможные значение: left, center, right. Также можно указать значения в процентах.
  11. Положение фона по вертикали - указываем положение фона по вертикали. Возможные значение: top, center, bottom. Также можно указать значения в процентах.

Возможные комбинации значений положения фона:

top left = left top = 0% 0% (в левом верхнем углу)
top center = center top = 50% 0% (по центру вверху)
right top = top right = 100% 0% (в правом верхнем углу)
left center = center left = 0% 50% (по левому краю и по центру)
center center = 50% 50% (по центру)
right center = center right = 100% 50% (по правому краю и по центру)
bottom left = left bottom = 0% 100% (в левом нижнем углу)
bottom center = center bottom = 50% 100% (по центру внизу)
bottom right = right bottom = 100% 100% (в правом нижнем углу)

Последнее обновление: 07.06.2012