Bilder in einer Schleife laden

Hallo,

in der Gebärdensprache werden manchmal Wörter buchstabiert. In der Anwendung sollen Wörter buchstabiert werden, die einzelnen Buchstaben nacheinander an der gleichen Stelle angezeigt werden.

Mein Ergebnis mit unten stehendem Code ist gaoa. Eigentlich solle es gong sein.

Im Array sind noch nicht alle Buchstaben, auch mache ich ihn noch zweidimensional, die Switch Anweisung ist nur zum schnellen testen. Später lese ich die Wörter aus einer Datei, es kann sich mehrfach angesehen werden und Funktionen wie Geschwindigkeit, Lösung anzeigen und weiter kommen dazu.

Aber erstmal müssten meine Worte richtig dargestellt werden. Kann mir jemand helfen, wo ich was übersehen ? Schönen Dank !

<script language='javascript' type='text/javascript'>
<!--

var iCount = -1;
var Wort = "gong";
var First = 1;

var bilder = new Array();

bilder[0]="FA/FA_A.png";
bilder[1]="FA/FA_B.png";
bilder[2]="FA/FA_C.png";
bilder[3]="FA/FA_D.png";
bilder[4]="FA/FA_E.png";
bilder[5]="FA/FA_F.png";
bilder[6]="FA/FA_G.png";
bilder[7]="FA/FA_H.png";
bilder[8]="FA/FA_I.png";
bilder[9]="FA/FA_J.png";
bilder[10]="FA/FA_K.png";
bilder[11]="FA/FA_L.png";
bilder[12]="FA/FA_M.png";
bilder[13]="FA/FA_N.png";
bilder[14]="FA/FA_O.png";
bilder[15]="FA/FA_P.png";
bilder[16]="FA/FA_Q.png";


var anzahl = bilder.length;
var i = 0;

function play(a)
{
    aktiv = window.setTimeout("vor('"+a+"')", 500);


    if (iCount == Wort.length)
    {
        stop();
    }
}

function stop()
{
         window.clearTimeout(aktiv);
        
}

function vor(a)
{
    iCount++;
    var sSign = Wort.substring(iCount , 1);
    
    var iPicNr = 0;

    switch (sSign) {
        case "g":
            iPicNr = 6;
            break;
        case "o":
            iPicNr = 14;
            break;
        case "n":
            iPicNr = 13;
            break;
    }
         
    document.getElementById(a).src = bilder[iPicNr];
}

//-->
</script>
<div id="bildbox_gemeinde_1">
                     <img src="FA/Hello.png" onload="play('bild1');" id="bild1" />
                     </div>

Hallo,

vielen Dank dafür.

Läuft. Mit verschiedenen Geschwindigkeiten usw. Jetzt muss ich nur meine Textdatei mit den Wörtern in einen Array bekommen, um ein zufälliges Wort auszuwählen. Hab versucht mit json_encode einen php Array zu übergeben, oder Variable Wort = <? echo $Woerter[$Zufall]; ?>;

Ging leider beides nicht. Vielleicht noch nen Tip für mich ?

Schönen Dank !

Ich lade die Textdatei per php. In der Datei sind alle Wörter untereinander.

$file = fopen("gesamt.txt", "r");
$members = array();
while (!feof($file)) {
    $members[] = fgets($file);
}
fclose($file);

So kann ich drauf zugreifen, jedoch bekomm ich immer die gleiche Zufallszahl.

<?php $Zuf = rand(0, 600);?>
Wort = <?php echo json_encode($members[$Zuf]); ?>;

und seitdem - nicht lachen - versuch ich so ne Variante

var min = 0;
var max = 600;
var x = Math.floor(Math.random() * (max - min + 1)) + min;
Wort = <?php echo json_encode($members[ ?> + x + <?php ]); ?>;

Hmm. Hier unter Quiz Fingeralphabet sieht man wie ich es meine. Jeweils bei Start kommt ein neues Wort. Is gefaked, da hab ich die Wörter in nem Array fest vercoded Bin ein Windowsprogrammierer, will es meinen Teilnehmenden nur leichter machen, dass sie auch mit dem Handy lernen können. Von daher bin ich echt dankbar für Deine Geduld !

http://www.gebaerdensprache-online-lernen.de/Vok/main.php

Mit Deinem letzten Code bekomm ich meist gar nix und wenn, dann eine Zahl angezeigt.

Hast recht, hatte den alten. Der veränderte geht.

Nee, hab die Wörter lokal in ner Datenbank und mir die dann gleich als Quellcode ausgegeben. Wollt nur mal sehen, ob es generell klappt. Da ich noch mehr Videos drehe, erzeug ich aus meiner Anwendung die ganzen php Dateien zu Lektionen, den dazugehörigen Gebärden usw. Das ist mein zweiter Tag in php/javascript.

Versteh ich das richtig - php läuft zuerst und wird nur beim Refresh neu ausgeführt. Daher kommt auch immer die gleiche Zufallszahl bzw. sie wird ja gar nicht neu ermittelt. Über JSON übergebe ich den ganzen php Array in einen JS Array, erzeuge meine Zufallszahl dort und kann zugreifen, da ich den ja die Laufzeit über zur Verfügung habe.

Ich hatte was gefunden und probiert zu json_encode, den maskieren und weiß der Teufel was noch alles. Was Du geschrieben hattest

Wortliste = <?php echo json_encode($woerter); ?>;

Ich hab Wortliste mal als var, dann als Array definiert. Aber bin zu blöd darauf zuzugreifen.

Ich will auf ne Datenbank verzichten, den wie man merkt hab ich von php/js so viel Ahnung wie ne Kuh vom Klettern. Und die Gefahr mir da irgendwelche Injections einzufangen wollt ich umgehen. Hab gelesen js und ajax braucht man für ne DB. Und dann stocher ich in drei Sprachen rum. Ja nachdem, wieviele Videos es werden , steht das aber vielleicht doch mal an.

Ein letztes Mal nerv ich Dich. Ich krieg leider kein Ergebnis. Auch nicht in der eigentlichen Anwendung.

<?php
$woerter = file('gesamt.txt', FILE_IGNORE_NEW_LINES);
$idx = rand(0, count($woerter) - 1);
?>
    <script>
    var woerter = <?php echo json_encode($woerter); ?>;
    var idx = Math.floor(Math.random() * woerter.length);
    var zufallswort = woerter[idx];
    alert(zufallswort);
    </script>

Ok, dass mit den Umlauten und ß wusste ich nicht. Ein paar Wörter davon hau ich einfach direkt im Code rein.

Ganz herzlichen Dank !!!