JavaScript – Rotiranje banera

  –  

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