13. Требования к баннеру BackOver

Начало | Требования к баннерам | 13. Требования к баннеру BackOver

Требования к баннеру BackOver

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

    Минимальные требования к среде разработки:
  • ActionScript 2.0
  • FlashPlayer 8.0

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

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

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

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

on (rollOver)
{
  getURL("javascript:recordNewBack" + _root.bannerID + "();", "");
}
on (rollOut)
{
   getURL("javascript:recordOldBack" + _root.bannerID + "();", "");
}
Для кнопки, по клику на которую будет осуществлен переход на сайт рекламодателя, пропишите следующий код:
on (release)
{
  getURL(_root.link1, "_blank");
}

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

Чтобы правильно подготовить фоновое изображение нужно учесть, что у каждого пользователя свое разрешение экрана, из-за чего фоновое изображение на различных экранах отображается по-разному.
Например, ширина сайта gzt.ru составляет 1000px. Создадим фоновое изображение размером 1800х1000px.
Фоновое изображение
На экранах с разным разрешением ширина сайта остается неизменной, а вот фоновое изображение при меньшем разрешении будет равномерно обрезано с левой и правой стороны. Ниже приведем пример этих различий для сайта gzt.ru.

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

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

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



См. также: