Bilder mit Text randomisieren

Question

In meiner Befragung sollen randomisiert drei verschiedene Bilder mit Text angezeigt werden. Danach müssen alle die gleichen Fragen beantworten. Das die Bilder randomisiert angezeigt werden, ist mir nun durch folgenden Code gelungen:

$zahl = value ("A302"); // Auslesen der gezogenen Zufallszahl

// Grafik in Abhängigkeit von der Zahl anzeigen
// (dafür wird HTML-Code verwendet)
if ($zahl == 1) {
html ('<p><img src="Bild1.png">');
}elseif ($zahl == 2) {
html ('<p><img src="Bild2.png">');
} elseif ($zahl == 3) {
html ('<p><img src="Bild3.png">');
}

Doch wie muss ich den Code verändern, damit ich zu jedem Bild noch eine Zeile Text schreiben kann? Bzw. was muss ich machen?

Comments

Wenn ich es richtig sehe, schließt diese Frage an eine frühere Frage an. Daher bevor ich antworte zwei wichtige Rückfragen:

Dieser Code zeigt genau eines von 3 Bildern. Ist das Ihr Ziel oder sollen im Verlauf des Interviews alle 3 Bilder angezeigt werden?

Wenn Sie einfach nur Text ergänzen wollten, müssten Sie diesen nur im HTML-Code ergänzen:

html ('<p><img src="Bild1.png"></p><p>Hier der Text</p>');

Answer 1

Vielen Dank für die Antwort!

Es soll nur eines der Bilder erscheinen, das stimmt so. Was mache ich wenn der Text "über" dem Bild erscheinen soll? Einfach die Reihenfolge im Code ändern? Tut mir leid, kenne mich leider überhaupt nicht mit programmieren aus ...

Comments

Ja, das <p>...</p> beschreibt einfach nur einen Absatz (paragraph). Sie können das Ganze auch über mehrere Zeilen schrieben, dann wird es übersichtlicher.

html ('
  <p>Hier der Text über dem Bild</p>
  <p><img src="Bild1.png" alt=""></p>
');