Простейший 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">');
    
  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 баннерах). После генерации рандомного числа — идет выборка заданного баннера и его демонстрация в слое.