Иногда приходится добавлять на сайты html ротатор баннеров, не привязанный к какой-либо сети, максимально простой в управлении и настройках. Весьма удобен код, который я представляю ниже — он очень прост, и не должен вызвать вопросы.
Впрочем — если вопросы все же возникнут — моя почта oleksiy@lavrynenko.com всегда к вашим услугам! 🙂
<div align="center" class="block">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin -->
var how_many_ads = 3; //количество перебираемых баннеров
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру
alt="Название сайта";
banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
width="279";
height="233";
}
if (ad==2) {
url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру 1
alt="Название сайта";
banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
width="279";
height="233";
}
if (ad==3) {
url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру 4
alt="Название сайта";
banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
width="280";
height="300";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top" rel="noopener noreferrer">');
document.write('<img src="' + banner + '" width=');
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End --></SCRIPT>
</p>
</div>
Как видно из представленного кода — основная нагрузка лежит на скрипте, который генерирует случайное число в заданном диапазоне (его размер корректируется вручную — работоспособность кода проверена на 12 баннерах). После генерации рандомного числа — идет выборка заданного баннера и его демонстрация в слое.
Пример работы кода доступен по ссылке (при каждом обновлении этой страницы картинка будет меняться случайным образом — в настоящее время в коде имеются ссылки на три картинки).
Вопросы и предложения — прошу на почту или в Telegram 🙂