script 'kaartje trekken'

[hakuna]

Ik hoop dat mijn vraag hier op zijn plaats is.

Ondertussen heb ik een javascript gevonden voor een 'kaart trekken'.

CRD? kaartenbak begrijp ik......maar hoe zet ik dan de gif's of jpg's in die kaartenbak en hoe koppel ik die ? (of kraam ik nu al onzin uit??)


<script lanuage="Javascript">
//Verander hieronder de grote van het plaatje (border="0" kun je laten) en de tekst stijl
var cardsize='border="0" style="border: 2px solid #C0C0FF" width="230" height="386"'
var textstyle='<font face="Arial, Helvetica, sans-serif" size="2"><strong><font color="#A8A8FF">'

//verander hieronder het pad waar de kaartplaatjes staan
var cardfolder="./kaarten/";

//Dit zo laten
rcard=0; var crd='<a href="javascript:draw();" target="_self"><img src="'+cardfolder+rcard+'.gif"'+cardsize+'></a>'
var text=new Array() ;

//verander hieronder de omschrijving van elke kaart bij kaart 2.gif is het dus text[2]
text[0]='<center><font size="5">Trek een kaart<br>om een kaart te trekken'
text[1]='<center><font size="4">Kaart 1</font></center><br>Dit is dus kaart nummer 1'
text[2]='<center><font size="4">Kaart 2</font></center><br>Dit is kaart nummer 2.'
text[3]='<center><font size="4">Kaart 3</font></center><br>en dit is dan de derde kaart.'
var explain=textstyle+text[rcard]+'</font>';

//Hieronder vind je keuze uit het aantal kaarten bv 52 - 1 = 51
function draw(){
rcard=Math.round(Math.random()*77)+1
//rcard=4;
crd='<img src="'+cardfolder+rcard+'.gif"'+cardsize+'>'
explain=textstyle+text[rcard]+'</font>';
showcard();
}
function showcard(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("card"): document.all.card
thelement.innerHTML=crd
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("declare"): document.all.declare
thelement.innerHTML=explain
}
window.onload=showcard
//Deze moeten in het gewone deel van het html komen en geven het allemaal weer Kaart:<span id="card"></span> en Tekst:<span id="declare"></span>
</script>

 

[JeroenE]

Bedoel je dat je jpg en gif door mekaar wilt gebruiken?
Gif alleen is al gekoppeld omdat die als volgt in het script staat :

//Dit zo laten
rcard=0; var crd='<a href="javascript:draw();" target="_self"><img src="'+cardfolder+rcard+'.gif"'+cardsize+'></a>'

en

crd='<img src="'+cardfolder+rcard+'.gif"'+cardsize+'>'

Greetz : Jeren.

 

[hakuna]

heee Jeroen!

thnxs voor je reactie.

Nee, wil ze niet door elkaar laten lopen gif's en jpg's....

De kaartenplaatjes die ik krijg voor het spel zijn als ik het goed heb in gif....en anders maak ik er gif's van.

Dus de gif's zijn al gekoppeld? Ff uitproberen dan.

(ben nog maar een guppie in javascript)

 

[hakuna]

nog een vraag

//verander hieronder het pad waar de kaartplaatjes staan
var cardfolder="./kaarten/";


in mijn pc heb ik de kaarten in een mapje "kaarten" gezet....heb (dacht ik) goed verwezen in bovenstaand stukje script naar waar de kaarten staan.

alleen de beginkaart zie je, maar de rest niet.

 

[JeroenE]

Verander het eens door :

var cardfolder="kaarten/";

Misschien dat het zo werkt.
Post hier anders nog eens de code zoals je die nu hebt.

Greetz : Jeren.

 

[hakuna]

//Hieronder vind je keuze uit het aantal kaarten bv 52 - 1 = 51
function draw(){
rcard=Math.round(Math.random()*77)+1


Hier zat dus de fout.

Omdat ik nu nog maar 4 gif's had, had ik
function draw(){
rcard=Math.round(Math.random random()*3)+1

moeten schrijven

pffffffffffffffffffffffffff ben er dus uit!

Op naar het volgende vraagstuk.


Nogmaals thnxs!!