Ротатор баннеров на javascript

Скрипт ротатора баннеров на javascript с возможностью настройки приоритета показов для каждого баннера. Данный скрипт может быть полезен тем вебмастерам, которые хотят на одном рекламном месте своего сайта выводить разные баннеры. Причем определенные баннеры можно показывать чаще других. Например, если одна партнерская программа является более выгодной, чем остальные, то её баннеры можно показывать значительно чаще.

Код скрипта (файл - banner_300x250.js):

/*
banner[i][0] = Приоритет (число от 1 и выше. Если 0, то баннер не отображается)
banner[i][1] = "Адрес картинки"
banner[i][2] = "Адрес сайта"
banner[i][3] = "Заголовок картинки"
 */

/*Массив с баннерами(*/
var banner = new Array()
var i = -1;

i = i + 1;
banner[i] = new Array()
banner[i][0] = 2
banner[i][1] = "https://sitepartners.ru/files/dopmat/00001/320x250_001.jpg"
banner[i][2] = "https://sitepartners.ru/"
banner[i][3] = "Партнёрские программы"

i = i + 1;
banner[i] = new Array()
banner[i][0] = 1
banner[i][1] = "https://sitepartners.ru/files/dopmat/00001/320x250_002.jpg"
banner[i][2] = "https://sitepartners.ru/"
banner[i][3] = "Партнёрские программы на sitepartners.ru"

i = i + 1;
banner[i] = new Array()
banner[i][0] = 1
banner[i][1] = "https://sitepartners.ru/files/dopmat/00001/320x250_003.jpg"
banner[i][2] = "https://sitepartners.ru/"
banner[i][3] = "Партнёрские программы для заработка!"
/*Массив с баннерами)*/

/*Выводим баннер(*/
document.write('<style>');
document.write('.banner_block_300x250 {width: 300px; height: 250px; margin: 0 auto; overflow: hidden;}');
document.write('.banner_block_300x250 img {width: 300px; height: 250px; border: none;}'); 
document.write('</style>');

var p_max = 0;
for (var count_p = 0; count_p < banner.length; count_p++)
{p_max = p_max + banner[count_p][0];}

if (p_max > 0)
{

var n = Math.floor(Math.random()*(p_max+0))
var p1 = 0;
var p2 = 0;
for (var count_p = 0; count_p < banner.length; count_p++){
 p2 = p2 + banner[count_p][0];

if (banner[count_p][0]>0 && p1 <= n && n < p2)
 {
 n = count_p;
 break;
 }

p1 = p1 + banner[count_p][0];
}

document.write('<div class="banner_block_300x250">');
document.write('<a target="_blank" rel="nofollow" href="' + banner[n][2] + '"><img src="' + banner[n][1] + '" alt="' + banner[n][3] + '"></a>');
document.write('</div>');

}
/*Выводим баннер)*/

Код вызова (Вставляется в то место, в котором будет выводится баннер. Путь к файлу banner_300x250.js необходимо поменять на свой):

Пример:

Обратите внимание на то, что файл скрипта вызывается с параметром Math.floor(Math.random()*1000000000). Это нужно для того, чтобы скрипт не кэшировался браузером. Дело в том, что браузеры при загрузке страницы кешируют все внешние файлы с целью повышения скорости загрузки. Это также относится к внешним ява-скриптам и картинкам. Т.е. если вы изменили содержимое файла скрипта, то посетители сайта могут не увидеть этого. В нашем случае ява-скрипт не будет кэшироваться, и посетители сразу увидят изменения. Если вы отредактировали изображения баннеров, то рекомендуется также переименовывать сами файлы и в коде скрипта прописать новые URL адреса картинок.

Скачать дополнительные материалы (91.95 KБ)

Файлы, скрипты, верстка сайта, Ява скрипты (JavaScript)

Дата: 21.01.2016
Размер: 91.95 KБ
Просмотров: 479
Рейтинг: 0.0/0

Отзывы и комментарии: 0

Вы не авторизованы! Вход

Никто ещё не оставил комментариев, станьте первым.