Veranderende Banner

In deze tutorial laten we je zien hoe je een banner moet maken die steeds veranderd. Voorbeeld. Voordat je aan deze tutorial begint moet je al 4 verschillende banners hebben geupload. Noteer deze links even ergens, we hebben ze zometeen nodig.

Deze tutorial bestaat uit 3 delen:
-Het script aanpassen
-Het script hosten
-Het script in werking stellen


~Het script aanpassen~

Dit is het script wat ik gebruik:

Code:

/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/

function random_imglink(){
  var myimages=new Array()
  //specify random images below. You can have as many as you wish
  myimages[1]="AFBEELDINGHIER"
  myimages[2]="AFBEELDINGHIER"
  myimages[3]="AFBEELDINGHIER"
  myimages[4]="AFBEELDINGHIER"

  //specify corresponding links below
  var imagelinks=new Array()
  imagelinks[1]="http://jouwforum.actieforum.com/"
  imagelinks[2]="http://jouwforum.actieforum.com/"
  imagelinks[3]="http://jouwforum.actieforum.com/"
  imagelinks[4]="http://jouwforum.actieforum.com/"

  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
    ry=1
    document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

  random_imglink()

Vul bij AFBEELDINGHIER een link in van een van je banners, vul bij de AFBEELDINGHIER eronder de link van een andere banner in. Ga zo door totdat je al je links hebt ingevuld, en er geen dezelfde links in staan!

Nu moet je nog linken naar je indexpagina, wat normaal gebeurd als je op de banner klikt. Ga daarom naar je forum toe, en kopieer de url van je indexpagina. Die vul je bij alle 4 de http://jouwforum.actieforum.com/ in. Het script is nu klaar. Kopieer deze in zijn geheel en ga naar de volgende stap.

~Het script hosten~

In plaats van urenlang naar een host te zoeken kan je ook simpelweg een nieuwe HTML pagina maken. Ga naar:
Beheerderspaneel--->Modules--->HTML pages management.
Vervolgens klik je op: Create new HTML page. Op de pagina die nu opent moet je als titel Script nemen, laat de instellingen die er nu staat gewoon staan, en went je nu tot het grote vak. Daar moet je de hele code invoegen, en alleen de code. Klik op Submit. Ga terug naar HTML Pages Management, en kopieer de link van de HTML pagina die je net hebt gemaakt met het script erin. Ga dan verder naar de volgende stap.

~Het script in werking stellen~

Ga naar:
Beheerderspaneel--->Configuratie(Forum).
Plak nu de link op de plaats waar LINKHIER staat in hetvolgende stukje code:

Code:

<script type=text/javascript src=LINKHIER></script>

Kopieer deze dan weer in zijn geheel en plak deze in de forumbeschrijving, klik weer op Submit en je hebt al een veranderende banner!

Het enige wat ons nog rest is de oude banner verwijderen. Ga naar:
Beheerderspaneel--->Display--->Pics Management--->Uitgebreide modus.
Het eerste wat je tegenkomt is het 'Forum Main Logo'. Selecteer de link die erachter staat en verwijder die. Klik weer op Submit. Ga nu naar je forumindex en herlaad een paar keer! Je zult zien dat je nu een veranderende banner hebt!