Randomisierte Bilddateien nebeneinander plazieren

Question

Guten Abend liebe Community,

ich würde gerne auf mehreren Fragebogenseiten hintereinander immer nur jeweils zwei Bilder nebeneinander anordnen. Die eigentliche Bewertungen kommen erst auf den letzten Seiten. Hierfür brauche ich anscheinend eine Tabelle, die ich um meine Bilder herumsetze.

Dazu habe ich die folgende Formel gefunden:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<colgroup>
    <col width="50%">
    <col width="50%">
</colgroup>
<tr>
    <td>Frage Nr. 1</td>
    <td>Frage Nr. 2</td>
</tr>
</table>

Allerdings habe ich keine festen Frage- oder Bildnamen, da sich ja die Bilder sowohl je Teilnehmer, als auch innerhalb eines Teilnehmers in randomisierter Form zeigen.

Wie kann ich es einstellen, dass Bilder im Zufallsprinzip - aber trotzdem nebeneinander - erscheinen?

Vielen Dank im Voraus! LG Steffi

Answer 1

Im Prinzip müssen Sie nur das "Frage Nr. 1" durch den HTML-Code für ein Bild ersetzen. Damit das auch dynamisch funktioniert, empfehle ich Platzhalter.

Die Rotation erledigen Sie beim Belegen der Platzhalter, dafür könnte zum Beispiel der folgende PHP-Code zum Einsatz kommen:

$zahl = random(1,2);
// Wichtig: Diese Reihenfolge wird nicht (!) im Datensatz gespeichert
// Falls Sie die Reihenfolge benötigen, verwenden Sie stattdessen einen
// Zufallsgenerator!
if ($zahl == 1) {
  replace('%bild1%', 'bildABC.jpg');
  replace('%bild2%', 'bildCDE.jpg');
} else {
  replace('%bild2%', 'bildABC.jpg');
  replace('%bild1%', 'bildCDE.jpg');
}

Und im HTML-Code/Textbaustein würden Sie dann eben die -Tags verwenden:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<colgroup>
    <col width="50%">
    <col width="50%">
</colgroup>
<tr>
    <td><img src="%bild1%" alt=""></td>
    <td><img src="%bild2%" alt=""></td>
</tr>
</table>