Простейший html ротатор баннеров

Иногда приходится добавлять на сайты html ротатор баннеров, не привязанный к какой-либо сети, максимально простой в управлении и настройках. Весьма удобен код, который я представляю ниже — он очень прост, и не должен вызвать вопросы.

Впрочем — если вопросы все же возникнут — моя почта oleksiy@lavrynenko.com всегда к вашим услугам! 🙂

```
<div align="center" class="block">
```
```
<SCRIPT LANGUAGE="JavaScript">
```
```

```

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 🙂

Oleksiy Lavrynenko

Простейший html ротатор баннеров

Понравилось это:

Похожее