Beskonacni niz (ponavljanje) slika ili banera
(Continuous Image Marquee)Ovaj tutorijal je preuzet sa
About.com JavaScript
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcokoladaforum.com%2FBaner-reklama%2Fcokolada%2FContinuous%2520Image%2520Marquee.png&hash=ac0f5e579f8060f5e64031b5d35a4a7f6c802be8) (http://javascript.about.com)
Ovim tutorijalom objasnicu sta treba uradeti da bi se baneri ili slike prikazivali u kontinuiranom nizu tj. bez prekidanja tog niza koji postavite. Na poslednji baner u nizu odmah se nastavlja prvi koji ste postavili i tako redom,bezkonacno.
Korak 1.Prvo sto trebate da uradite je da preuzmete JavaScript-u koja je u attachment-u ovog topica a nosi naziv
marquee.js.
Tu skriptu trebate uploadovati u root direktorijum gde se nalazi Vas forum. Zavisno od servera koji koristite naziv tog direktorijuma moze da bude razlicit, u slucaju sa mojim serverom to je
public_html direktorijum.
Korak 2.U istom tom direktorijumu napravite novi, koji naslovite sa
baneri (
tako je vec podeseno u skripti) ili po Vasem izboru kako zelite . U tom dir. cete dodavati banere ili slike koje ce se kasnije prikazivati na Vasem forumu.
Korak 3.Kada ste zavrsili prva dva koraka , potrebno je da ubacite banere u dir baneri i nakon toga idemo u podesvanje
marquee.js skripte.
Korak 4.Po preuzimanju skripte a pre uploada na server potrebno je podesiti marquee.js skriptu,odnosno dodati linkove banera i sajtova do kojih ce ti baneri voditi kada se klikne na njih.
Otvorite marquee.js uz pomoc nekog
txt editora (Notepad, Notepad++ i sl.) i tada cete videti ovakav deo:
var mqAry1=[
['/baneri/img1.png','http://link do portala.com'],
['/baneri/img2.png','http://link do portala.com'],
.............
['/baneri/img15.png','http://link do portala.com'],];
function start() {
new mq('m1',mqAry1,125);// repeat for as many fuields as required
mqRotate(mqr); // must come last
Podesavanje:U ovom deli morate izvrsiti izmene i to ovako
['/baneri/ ------------------------ ostaje ovako
img1.png -------------------------- upisete tacan naziv banera/slike i ekstenzije,onako kako je na server ubacena (npr.smsite_logo.jpg)
',' ------------------------------- ostaje ovako
http://link do portala.com -------- ovde upisite adresu portala (npr. http://www.simplemachines.org)
'] -------------------------------- ostaje ovako
Ovako podesen ovaj deo treba da izgleda ovako
['/baneri/smsite_logo.jpg','http://www.simplemachines.org']
U slucaju da imate gotov link banera portala ciji baner zelite da postavite, onda bi trebalo da taj link ubacite u delu za sliku na ovaj nacin['http://media.simplemachinesweb.com/smf/smsite2/images/site/smsite_logo.jpg','http://www.simplemachines.org']
Ovaj postupak ponavljate onoliko puta koliko banera zelite da postavite.
Broj 125 u ovom delu koda oznacava kolika ce se sirina banera prikazivati. Tu velicinu cete sami podesiti zavisno od sirine banera koji postavite na forumu.
new mq('m1',mqAry1,
125);
Kod mene je to namesteno na
125 jer baneri koje sam postavio su sirine 120px i ujedo ostatak od 5 odredjuje razmak izmedju tih banera kako oni ne bi bili slepljeni jedan uz drugi.
Ovim ce te postupak podesavanja skripte zavrsili , zapamtite je i nakon toga uploadujte na server.