Click BackGround

Карточка баннера
Подготовка баннера
1. Скрипт для BackGround на кодах JavaScript / Extension / Poster
2. Скрипт для BackGround на коде Ajax
Загрузка баннера
Полезные ссылки

1. Карточка баннера

Описание:

баннер — кликабельное фоновое изображение веб-страницы.

Тип кода:

Poster, JavaScript, Extension, Ajax.

Пример:

https://www.adriver.ru/doc/ban/examples/click-background/.

Подробнее:

баннер — кликабельное фоновое изображение . При клике по фону происходит на сайт рекламодателя. Размер и положение кликовой области задаются при изготовлении баннера. Средняя часть сайта фиксирована по ширине.

2. Подготовка баннера

Подготовьте два изображения: фоновое, которое отображается на странице, и прозрачный gif, размером 1х1 px, который является прозрачной кликовой областью.

Размер загружаемых файлов должен соответствовать спецификации.

2.1. Скрипт для BackGround на кодах JavaScript / Extension / Poster

Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:

  var   ar_back		= 'background.jpg',
	ar_back_color	= '#262625',
	ar_content_width= '980px',
	ar_transparent	= '1x1.gif',	
	ar_tr_width	    = '100px',	
	ar_tr_height	= '100%',	
	ar_tr_left	    = '0px',
	ar_tr_top	    = '0px',	
	ar_width1	    = '0px',
	ar_width2	    = '0px',
	ar_pad_top 	    = '0px',	
    ar_fix          = 1,
	ar_gif_pixel	= '';

Переменные:

ar_back

имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае, загружать его в систему не придется

ar_back_color

цвет, которым заполняется место вокруг фонового изображения. Указывайте цвет в RGB: (#rrggbb). Если не нужен, оставьте пустым

ar_content_width

ширина контента сайта

ar_transparent

имя прозрачного изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его в систему не придется

ar_tr_width

ширина кликовой области. Можно указать размер в процентах (%) или в пикселях (px)

ar_tr_height

высота кликовой области. Можно указать размер в процентах (%) или в пикселях (px)

ar_tr_left

смещение кликовой области от левого края окна. Можно указать размер в процентах (%) или в пикселях (px)

ar_tr_top

смещение кликовой области от верхнего края окна. Можно указать размер в процентах (%) или в пикселях (px)

ar_width1

увеличение (уменьшение) ширины для левой кликовой области

ar_width2

увеличение (уменьшение) ширины для правой кликовой области

ar_pad_top

высота верхней кликовой области, при значении 0px верхняя кликовая область не используется

ar_fix

фиксирование подложки при скроллинге. 1- подложка зафиксирована, 0 – подложка скроллится вместе с контентом

ar_gif_pixel

вызов стороннего счётчика. Если не нужен, оставьте пустым

Сохраните script.js. Баннер готов к загрузке.

2.2. Скрипт для BackGround на коде Ajax

  var   ar_back		= 'background.jpg',	
	ar_back_color	= '#262625',		
	ar_content_width= '980px',	
	ar_transparent	= '1x1.gif',		
	ar_tr_width	    = '100px',	
	ar_tr_height	= '100%',	
	ar_tr_left	    = '0px',	
	ar_tr_top	    = '0px',	
	ar_width1	    = '0px',
	ar_width2	    = '0px',
	ar_pad_top 	    = '0px',	
    ar_fix          = 1,
	ar_gif_pixel	= '';