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

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

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

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

  1. <div align="center" class="block">
  2. <SCRIPT LANGUAGE="JavaScript">
  3. <!-- Begin -->
  4. var how_many_ads = 3; //количество перебираемых баннеров
  5. var now = new Date()
  6. var sec = now.getSeconds()
  7. var ad = sec % how_many_ads;
  8. ad +=1;
  9. if (ad==1) {
  10. url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру
  11. alt="Название сайта";
  12. banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
  13. width="279";
  14. height="233";
  15. }
  16. if (ad==2) {
  17. url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру 1
  18. alt="Название сайта";
  19. banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
  20. width="279";
  21. height="233";
  22. }
  23. if (ad==3) {
  24. url="Ссылка-адресат"; //адрес, по которому попадает пользователь после клика по баннеру 4
  25. alt="Название сайта";
  26. banner="Адрес-откуда-грузить-баннер"; //адрес самого рисунка баннера
  27. width="280";
  28. height="300";
  29. }
  30. document.write('<center>');
  31. document.write('<a href="' + url + '" target="_top" rel="noopener noreferrer">');
  32. document.write('<img src="' + banner + '" width=');
  33. document.write(width + ' height=' + height + ' ');
  34. document.write('alt="' + alt + '" border=0><br>');
  35. document.write('<small>' + txt + '</small></a>');
  36. document.write('</center>');
  37. // End --></SCRIPT>
  38. </p>
  39. </div>

Как видно из представленного кода — основная нагрузка лежит на скрипте, который генерирует случайное число в заданном диапазоне (его размер корректируется вручную — работоспособность кода проверена на 12 баннерах). После генерации рандомного числа — идет выборка заданного баннера и его демонстрация в слое.

Пример работы кода доступен по ссылке (при каждом обновлении этой страницы картинка будет меняться случайным образом — в настоящее время в коде имеются ссылки на три картинки).

Вопросы и предложения — прошу на почту или в Telegram 🙂