automatisk skift mellem spiller1.gif og spiller2.gif

Hej mailliw,

dette skal du sætte ind hvor det skal bruges!

<script language=\"JavaScript\"><!--
    //Antal billeder//
    var billed = new Array(2);
    var randNum = Math.floor(Math.random()*billed.length);
    //Billederne//
    billed[0] = \"<img border=0 src=\'spiller1.gif\'>\";
    billed[1] = \"<img border=0 src=\'spiller2.gif\'>\";
    document.writeln(billed[randNum]);
//--></script>

/Steven

>>steven
Jeg forstår ikke helt random - funktionen.
Kan du ikke give et eksempel i
document.writeln(billed[randNum]);
Så vidt jeg kan se skifter den billede helt tilfældig, hvad nu hvis jeg ønsker at den skal skifte billede hvert 2.sekund ??Hvad skal jeg så gøre.

hej mailliw,

hvad skal du bruge det til?, hvis jeg ved det, har jeg nemmere ved at hjælpe dig!

Steven

>>steven

1)Jeg vil vide om den anførte script er en, der kun har med tilfældig billedskift at gøre?
2) findes der en metode, så du selv bestemmer det interval, hvormed billeder skal skifte ?

Og det jeg skal bruge det til er jo kort og godt at jeg i stedet for at et billede skal skifte \"on mouse over\" blot skal skifte hvert 2.sekund.

<tunoxw>
Mailliw

lave dog en gif animation så!! :-) Kan laves med Adope Imageready!

</tunoxw>

jeg tror tunoxw har fat i den bedste løsning, især hvis det kun er to billeder!

/Steven

>>tunoxw
og hvor finder jeg så det program
men den kode du ellers har skrevet, hvor tit skifter den mellem billederne
Det kunne jo være intereesant at sætte den ind alligevel. det kunne jo godt være at koden faktisk er brugbar.

Hvis du kører Frontpage, så har du et program med der hedder gif animator. Det kan sagtens bruges.
Ellers så kig her:
http://www.mur-tag.dk/muc/2index.asp. Der er et billede der skifter langsomt. Det gøres ved at skifte </head> ud med
<script type=\"text/javascript\">
function skift() {
    setTimeout(\"skifter()\",5000);
}
function skifter() {
    if (i==1) document.all.billede.src=\'images/b1.jpg\';
    if (i==2) document.all.billede.src=\'images/b3.jpg\';
    if (i==3) document.all.billede.src=\'images/b4.jpg\';
    if (i==4) document.all.billede.src=\'images/billede4.gif\';
    i = i + 1;
    if (i > 4) i = 1;
}
</head>
Billedet lægger du ind således:
<img id=\"billede\" src=\"images/billede4.gif\" width=\"240\" height=\"160\" onload=\"skift()\">
Her skifter jeg mellem 4 billeder, og intervallet sætter jeg i:
setTimeout(\"skifter()\",5000);
hvor de 5000 er antallet af millisekunder der skal gå

Undskyld, der skal et </script> ind før </head>
<script type=\"text/javascript\">
function skift() {
    setTimeout(\"skifter()\",5000);
}
function skifter() {
    if (i==1) document.all.billede.src=\'images/b1.jpg\';
    if (i==2) document.all.billede.src=\'images/b3.jpg\';
    if (i==3) document.all.billede.src=\'images/b4.jpg\';
    if (i==4) document.all.billede.src=\'images/billede4.gif\';
    i = i + 1;
    if (i > 4) i = 1;
}
</script>
</head>

>>ras2000
yes!!
skide god forklaring.
Det eneste jeg er i tvivl om er, hvad du mener med
Billedet lægger du ind således:
<img id=\"billede\" src=\"images/billede4.gif\" width=\"240\" height=\"160\" onload=\"skift()\">
1)Hvor skal det lægges ind ???
2)Hvordan med de andre images - f.eks image/b1.jpg
- de ligger vel blot i min image-mappe.
Men det jeg ikke helt forstår er hvorfor der eventuelt skal være forskel på hvordan du lægger gif og jpg filen ind. Hvorfor denne forskel ???
Og så vil jeg lige tilføje, at pointene snart falder til din fordel - jeg vil bare gerne lige have det sidste med
mvh mailliw

Jada, du skal da have det hele med. Der er ingen forskel å måden jpg og gif lægges ind, det var bare mig der var ukonsekvent. Der burde vel stå:
    if (i==1) document.all.billede.src=\'images/b1.jpg\';
    if (i==2) document.all.billede.src=\'images/b2.jpg\';
    if (i==3) document.all.billede.src=\'images/b3.jpg\';
    if (i==4) document.all.billede.src=\'images/b4.gif\';
Billedet ligger du ind der hvor det skal være, som du normalt ligger billeder ind. Det eneste du skal gøre anderledes er at huske onload=\"skift()\" inde i tag\'et. Det koden gør er at ændre det src der står inde i img-tag\'et. src står selvfølgelig for source, og det er en sti til billedet. Så dine billeder skal bare ligge så stien i koden pejer på dem, i det her tilfælde images/billed_navn.jpg/gif

tusind tak for hjælpen

Hvis jeg har to billeder f.eks spiller1.gif og spiller2.gif der ligger i mappen Skal jeg så også have tto sætninger :
<img id=\"billede\" src=\"images/spiller1.gif\" width=\"240\" height=\"160\" onload=\"skift()\">
og
<img id=\"billede\" src=\"images/spiller2.gif\" width=\"240\" height=\"160\" onload=\"skift()\">

Og så vil jeg fluks se at få fat i noget begynderlitteratur om javascript - måske kan du anbefale noget ??

Nej, du skal kun lægge det ene billede ind, koden ændrer det. Hvis du ligger det ind to gange, vil du få en fejlmelding, fordi du bruger det samme id to steder. Der hvor der står id=\"billede\", det er id\'et, og det skal være entydigt. Der er mange forskellige måder at gøre det på, men jeg synes denn var den mest indlysende. En anden måde at gøre det på ville være at skrive onload=skift(this), og så skifte function skift() ud med function skift(element), function skifter() ud med function skifter(element), og document.all.billede.src ud med element.src. Mht begynder literatur, så er du allerede godt i gang. Jeg mener den bedste måde at lære det på, er at prøve sig frem, kigge på de sites der er, der er mange der har nogle \'tutorials\', trin for trin igennem de mest elementære ting. Min bog er ved at være en antikvitet, men den er god til at slå alle de ting op i, man ikke kan huske. Den er ikke så god at begynde med. Prøv lige at send mig din side, når du har lagt det hele ind, på rasmus.bak.jepsen@teknologisk.dk, så kan jeg lige vise dig et par andre sjove scripts, du kan lege med. Du skal bare sende siden, ikke billederne.