Krstareći Internetom sigurno ste primetili da kada posećujete istu lokaciju koja poseduje reklamne banere (engl. Banner) vidite da se prikazuje uvek različiti baner. Iza ovog „rotiranja“ banera, uglavnom stoje složene aplikacije koje vrše rotacije prema određenom kriterijumu i uz analizu određenih parametara. Ali, i mi možemo ugraditi jednostavnu funkciju rotiranja banera u naše stranice uz pomoć JavaScript-a. Radi se o tome da, u ovom primeru, nećemo moći da iskontrolišemo pojavljivanje određenog banera u određenom trenutku, već će se baneri prikazivati u slučajnom redosledu (random).
Iskopirajte sledeći kod unutar novog „.htm“ fajla i zamenite vrednosti varijabli: tekst, url, baner, visina i sirina, vašim pripremljenim banerima i odgovarajućim podacima. Broj banera koji rotiraju nije ograničen, a mi smo ovde prikazali primer sa tri banera (br_banera = 3).
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!–
var br_banera = 3;
var vreme = new Date()
var sek = vreme.getSeconds()
var ban = sek % br_banera;
ban +=1;
if (ban==1) {
tekst="YU portal";
url="https://www.krstarica.com";
alt="www.krstarica.com";
baner="krstarica.gif";
sirina="468";
visina="60";
}
if (ban==2) {
tekst="Pretrazivac";
url="http://www.krstarica.co.yu";
alt="Internet Krstarica";
baner="krstarica2.gif";
sirina="468";
visina="60";
}
if (ban==3) {
tekst="Tekst ispod banera";
url="www.url_adresa.com";
alt="Vrednost ALT osobine";
baner="slika_baner.gif";
sirina="468";
visina="60";
}
document.write(‘<center>’);
document.write(‘<a href="’ + url + ‘" target="_top">’);
document.write(‘<img src="’ + baner + ‘" width=’)
document.write(sirina + ‘ height=’ + visina + ‘ ‘);
document.write(‘alt="’ + alt + ‘" border=0><br>’);
document.write(‘<small>’ + tekst + ‘</small></a>’);
document.write(‘</center>’);
// End –>
</SCRIPT>
</BODY>
Pratite Krstaricu na www.krstarica.com