Banery rotacyjne po odpowiednich modyfikacjach można wykorzystywać do wyświetlania różnych elementów, jednakże najczęściej służą do prezentowania grafik i tekstów np. cytatów.

Rotacyjny baner graficzny

Poniższy kod wykorzystuje do wyświetlania propozycji książek do przeczytania. Krótka instrukcja:

1. Zmień “adres url reklamy” na swoje linki i “adres url grafiki” na linki prowadzące do plików graficznych.
2. Dostosuj wysokość i szerokość grafik poprzez edycję height=’60px’ oraz width=’468px’
3. Aby zwiększyć ilość wyświetlanych reklam po prostu dodaj kolejne linie zaczynające się od images[0] – pamiętaj o zmianie liczby w nawiasie.
4. Po dodaniu nowych grafik ich łączną sumę wpisz w nawias za new array. Na początku tego nie zrobiłem, ale mimo to wszystkie grafiki się wyświetlały.

<script language="JavaScript">
 images = new Array(3);
 images[0] = "<a href = 'adres url reklamy0' rel='nofollow' target='_blank'><img src='adres url grafiki0' border='0' height='60px' width='468px' ></a>";
 images[1] = "<a href = 'adres url reklamy1' rel='nofollow' target='_blank'><img src='adres url grafiki2' border='0' height='60px' width='468px' ></a>";
 images[2] = "<a href = 'adres url reklamy2' rel='nofollow' target='_blank'><img src='adres url grafiki3' border='0' height='60px' width='468px' ></a>";
 index = Math.floor(Math.random() * images.length);
 document.write(images[index]);
 </script>

Rotacyjny baner tekstowy

W poniższym kodzie zmienne to tylko tekst między ‘ , czyli Tekst 1, Tekst 2, Tekst 3… W ich miejscu można zastosować dowolne znaczniki np. <img /> i tym sposobem stworzyć baner graficzny. Natomiast wartość w nawiasach po random

).random().join(''));

zmienia działanie banera:

() – losowe wyświetlanie 1 elementu

(3) – losowe wyświetlanie 3 elementów

(0) – wyświetlanie wszystkich elementów w kolejności losowej

<script type="text/javascript">
 // <![CDATA[
 Array.prototype.random = function(limit)
 {
 if (typeof limit == 'undefined' || limit < 0) limit = 1;
 else if (!limit) limit = this.length;
 for (var i = 0, source = this, target = new Array(), n = source.length; i < limit && n > 0; i++)
 {
 do { var index = Math.random(); } while (index == 1);
 index = Math.floor(index * n);
 target.push(source[index]);
 source[index] = source[--n];
 }
 return target;
 }
 document.write(new Array(
 // Tu wpisz kolejne elementy:
 'Tekst 1',
 'Tekst 2',
 'Tekst 3'
 ).random().join(''));
 // ]]>
 </script>