Met javascript willekeurige linkende plaatjes

Ik wil graag op mijn forum/website iets maken dat je willekeurig een ander plaatje te zien krijgt, die linkt... Ik heb al gegoogled maar kan het niet vinden.. Iemand die enig idee heeft?

Dit is de code om het met alleen tekst te doen:

Code:

<script language="javascript">
<!--
//hoeveelheid regels die je gaat gebruiken:
var hoeveel = 4;
var kies = Math.floor( Math.random()*hoeveel );
var tekst = new Array(hoeveel);
tekst[0] = "Piep ";
tekst[1] = "Peeeeep";
tekst[2] = "Blieb";
tekst[3] = "Biebpieppeeeep";
document.writeln( tekst[kies] );
//-->
    </script>

Code:

tekst[0] = "Piep ";
tekst[1] = "Peeeeep";
tekst[2] = "Blieb";
tekst[3] = "Biebpieppeeeep";

als het goed is kun je van de tekst plaatjes maken door tussen de aanhalingstekens het volgende neer te zetten:

Code:

"<img src="link naar je plaatje">"

Dus zoiets:

Code:

tekst[0] = "<img src="plaatje 1"> ";
tekst[1] = "<img src="plaatje 2">";
tekst[2] = "<img src="plaatje 3">";
tekst[3] = "<img src="plaatje 4">";

Probeer dit eens, ik weet niet zeker of het werkt, maar zou wel kunnen. (Als je dan ook 4 verschillende links wil, zet je tussen de aanhalingstekens iets als:

Code:

" <a href="link"><img src="link naar plaatje"></a> "

Als het werkt met een plaatje erin zetten, werkt dit ook )

Ik heb het geprobeerd met de 1e code die je gaf Maar helaaspindakaas
Geen succes

hmm, blijkbaar werkt html dus niet in arrays

Probeer eens één van de volgende codevoorbeelden.

Als je ieder plaatje naar dezelfde locatie wilt laten verwijzen:

Code:

<script language="javascript">
<!--
//hoeveelheid regels die je gaat gebruiken:
var hoeveel = 4;
var kies = Math.floor( Math.random()*hoeveel );
var tekst = new Array(hoeveel);
tekst[0] = '<img src="plaatje1.jpg">';
tekst[1] = '<img src="plaatje2.jpg">';
tekst[2] = '<img src="plaatje3.jpg">';
tekst[3] = '<img src="plaatje4.jpg">';
document.writeln( '<a href="doel.html">' + tekst[kies] + '</a>' );
//-->
</script>

Als je ieder plaatje naar een andere locatie wilt laten verwijzen:

Code:

<script language="javascript">
<!--
//hoeveelheid regels die je gaat gebruiken:
var hoeveel = 4;
var kies = Math.floor( Math.random()*hoeveel );
var tekst = new Array(hoeveel);
tekst[0] = '<a href="doel.html"><img src="plaatje1.jpg"></a>';
tekst[1] = '<a href="doel.html"><img src="plaatje2.jpg"></a>';
tekst[2] = '<a href="doel.html"><img src="plaatje3.jpg"></a>';
tekst[3] = '<a href="doel.html"><img src="plaatje4.jpg"></a>';
document.writeln( tekst[kies] );
//-->
</script>

maar das dus precies wat ik zei xD

Kijk eens naar de aanhalingstekens?

Om trouwens de rand om de afbeeldingen weg te halen vervang je bij de eerste versie dit:

Code:

tekst[0] = '<img src="afbeelding1.jpg">';
tekst[1] = '<img src="afbeelding2.jpg">';
tekst[2] = '<img src="afbeelding3.jpg">';
tekst[3] = '<img src="afbeelding4.jpg">';

door dit:

Code:

tekst[0] = '<img src="afbeelding1.jpg" style="border-style:none">';
tekst[1] = '<img src="afbeelding2.jpg" style="border-style:none">';
tekst[2] = '<img src="afbeelding3.jpg" style="border-style:none">';
tekst[3] = '<img src="afbeelding4.jpg" style="border-style:none">';

Of bij de tweede versie dit:

Code:

tekst[0] = '<a href="doel.html"><img src="plaatje1.jpg"></a>';
tekst[1] = '<a href="doel.html"><img src="plaatje2.jpg"></a>';
tekst[2] = '<a href="doel.html"><img src="plaatje3.jpg"></a>';
tekst[3] = '<a href="doel.html"><img src="plaatje4.jpg"></a>';

door dit:

Code:

tekst[0] = '<a href="doel.html"><img src="plaatje1.jpg" style="border-style:none"></a>';
tekst[1] = '<a href="doel.html"><img src="plaatje2.jpg" style="border-style:none"></a>';
tekst[2] = '<a href="doel.html"><img src="plaatje3.jpg" style="border-style:none"></a>';
tekst[3] = '<a href="doel.html"><img src="plaatje4.jpg" style="border-style:none"></a>';

ow, ja, aanhalingstekens, die gaan bij mij altijd fout in javascript xD

Ik heb daarnet mijn versie van de code getest, en hij werkt.

Dankje bLACKADDER

Is het probleem opgelost? dan kan ik dit topic sluiten

Sluit maar

ok, mooi slotje erop

QATC