Bilder in Abhängikeit eines Bildes darstellen

Question

Hallo,
ich bräuchte dringend Hilfe weil ich seit Tagen daran verzweifle.

Es geht darum dass ich am Anfang des Fragebogens ein Logo (Bild) darstellen möchte und zwar 1 Logo zufällig aus 5 Logos. Hier habe ich einfach einen Zufallsgenerator angelegt:

1 = gruen-blau1.jpg
2 = gruen-braun1.jpg
3 = gruen-gelb1.jpg
4 = gruen-lila1.jpg
5 = gruen-rot1.jpg

und bei Inhalte anzeigen diesen HTML Code:

<div style="text-align: center; margin: 3em 0">
  <img src="%random%" style= "max-width: 100%" alt="">
</div>

In Abhängigkeit eines dieser Logos sollen auf den folgenden Seite in den jeweiligen Fragen immer das gleiche Logo nochmals angezeigt werden, aber in kleiner. Die kleineren Bilder habe ich nochmal gespeichert und bereits in den Mediendatein hochgeladen. Die heißen dann immer z.B. gruen-blau_klein.jpg Natürlich soll wenn am Anfang ein grün-blaues Logo kommt in den anderen Fragen auch immer das kleine grün-blaue Logo kommen, je nachdem eben welches Logo am Anfang angezeigt wird. Die Fragen sind ansonsten immer gleich.

Ich bekomme es aber einfach nicht hin.

Ich hatte auch mal was von diesem Code gelesen und eingesetzt aber so richtig soll es auch nicht sein und ich weiß auch nicht richtig wohin mit diesem Code.

$zahl = value('LA01_CP');  
if ($zahl == 1) {html('<p><img src="gruen-blau_klein.jpg"></p>');
} elseif ($zahl == 2) {html('<p><img src="gruen-braun1_klein.jpg"></p>');
} elseif ($zahl == 3) {html('<p><img src="gruen-gelb_klein.jpg"></p>');
} elseif ($zahl == 4) {html('<p><img src="gruen-lila_klein.jpg"></p>');
} elseif ($zahl == 5) {html('<p><img src="gruen-rot_klein.jpg"></p>');
}

Alles im Fragebogen ist im Prinzip fertig, außer eben das.

Ich wäre sehr dankbar für Hilfe.

Answer 1

Mal ehrlich ... wahrscheinlich können Sie das Skalieren einfach dem Browser überlassen. Dann ist es wesentlich einfacher:

replace('%bild%', 'LA01', 'response');
html('
  <div style="text-align: center; margin: 3em 0">
  <img src="%random%" style= "width: 120px" alt="">
  </div>
');

Wenn Sie den HTML-Code noch als Text im Fragenkatalog speichern (hier im Beispiel mit der Kennung XX02), wird es nochmal kompakter.

show('XX02', ['%bild%' => value('LA01', 'label')]);

Aber natürlich löse ich auch gerne auf, warum Ihr Code nicht funktioniert. Sie haben die falsche Variable erwischt: "LA01_CP" zählt, wie häufig der Zufallsgenerator schon durchgearbeitet wurde. Die Zufallszahl ist in "LA01" gespeichert. Sie müssten demnach "LA01_CP" durch "LA01" ersetzen.