Rotator bannerów w JS

Autor: Lego, dodano: 26-07-2003
Kategoria: Programowanie i tworzenie

Kiedy jeszcze nie znałem PHP musiałem kombinować, aby moja witryna była dynamiczna. W ten sposób nauczyłem się robić menu w JS oraz rotator bannerów. Zapraszam do lektury.

Teraz co będzie Ci  potrzebne do jego stworzenia:


index.html [lub .php - tu będą widoczne banery]
rotator.js [plik skryptu javascript, w nim będzie cały silnik]

W indexie wklejamy to:

<script language="JavaScript" src="sciezka/do/pliku/rotator.js"></script>



W rotatorze piszemy to:

img = new Array(2); 
img[0] = "<a href=neo.g3.pl/tolkien>
 <img src=neo.g3.pl/bannery/tolkien.jpg alt='J.R.R. Tolkien' 
width=400 height=50 border=0></a>";
img[1] = "<a href=neo.g3.pl><img src=neo.g3.pl/bannery/nao_baner.jpg 
 alt = 'niekomercyjny portal' width=400 height=50 border=0></a>";

index = Math.floor(Math.random() * img.length);
document.write( img[index] );



OBJAŚNIENIE:
img = new Array - tworzy tabelę, w nawiasie iczba elementów
img[0] = "..." - twórzy nowy element o identyfikatorze 0, między cudzysłowami nie używamy
cudzysłowów podwójnych lecz pojedyncze - '

index = Math.floor(Math.random() * img.length); - losowo wybiera 
document.write( img[index] ); jeden z elementów


Zastosowania:
Skrypt można skofigurować, aby losowo wybierał jakiś cytat lub tym podobne [zamista img
piszemy w tedy text lub zdanie [jak chcemy]], a między cudzysłowami odpowiedni kod html


Niestety skrypt nie ma funkcji statystyki kliknięć, ani odsłon [tak jak rotator w php].
Ale do stron htmlowych pasuje jak ulał. Skrypt jest łatwy do obsługi, więc nie powinien
chyba robić problemów.

Ocena 2.53/5 (50.6%) (168 głosów)

Komentarze:

  • rotator
    Dodał: Gość data: 2009-09-19
    A jak zrobic rotator banerow aby sam zmienial banery bez odswiezania strony ?
  • nic
    Dodał: Lego data: 2010-07-08
    nic


Dodaj komentarz:


Temat:
Twój nick:
Komentarz:
 

Prosimy o kulturę wypowiedzi. Komentarze zawierające niecenzuralne zwroty, bądź obrażające inne osoby będą usuwane. Kod HTML w wypowiedziach jest niedozwolony. Wydawca nie odpowiada za treść komentarzy.

 


Najlepiej oceniane artykuły

Najnowsze wiadomości