Bild zufallsgenerator einfügen

Question

Hallo, ich habe meine Umfrage fast fertig gestellt. Mein einziges Problem ist wie ich die Bilder in meine Umfrage einfüge. Zur Erklärung meine Umfrage besteht aus 3 Gruppen 1. Kontrollgruppe 2. Experimentalgruppe und 3. Experimentalgruppe. Ich habe eine Zufallsgenerator-Frage erstellt und sie 'ZG01' genannt.
Dann habe ich innerhalb dieser Frage folgende Zettel festgelegt:

1 = KG.jpg
2 = EG1.jpg
3 = EG2:jpg

Meine Fragen in der Umfrage sind alle gleich der Unterschied sind nur die 3 Bilder.
Und auf der Seite wo das Bild angezeigt werden soll habe ich diesen PHP-Code erstellt:

if (value('ZG01') != 1) {
  html('
    <div style="margin: 3em; text-align: center">
      <img src="'.value('ZG01', 'label').'" alt="" />
    </div>
  ');
}

Mein Problem ist jetzt folgendes die ZG01 habe ich auf der Seite ganz oben eingefügt danach den PHP Code. Wo müssen die Bilder eingefügt werden bzw. wie funktioniert das?
Ich habe schon alle möglichen Varianten versucht aber keine funktioniert so richtig...
Vielen Dank für eure Unterstützung und ich freue mich auf Ratschläge!

Liebe Grüße

Answer 1

Wo müssen die Bilder eingefügt werden bzw. wie funktioniert das?

Sie Bilder (mit den Dateinamen, wie im Zufallsgenerator festgelegt - vorsicht, da steht noch einmal ein Doppelpunkt) müssen Sie bitte unter Bilder und Mediendateien hochladen.

Markieren Sie beim Hochladen nicht die Option für die "geschützte Dateiablage" - falls Sie diese nutzen wollten, müssten Sie die Dateinamen im Zufallsgenerator ändern.

Wichtig: Die Groß-/Kleinschreibung von Dateiname und Endung muss exakt stimmen.

Comments

Vielen Dank für die schnelle Rückmeldung. Ich habe noch einmal alles durchgeschaut. Aber mein Problem hat sich noch nicht beheben können. Wie kann man die Bilder richtig in die Umfragen einfügen?

---

Wie bereits impliziert ... das was Sie an PHP-Code verwenden, sieht schon ganz richtig aus.

Wenn die Dateien vorhanden sind und es klappt trotzdem nicht, dann werfen Sie als erstes mal einen Blick in die Debug-Informationen. Und posten Sie gerne einen Pretest-Link direkt (!) zur betroffenen Seite, dann werfen wir mal einen Blick darauf.

---

ok danke hier der Pretest
https://www.soscisurvey.de/buchungsentscheidung2020/?act=enkhUGae2Z8lMfS4TaocoeO2

LG

---

Ich habe auf den Link geklickt und dann auf "Weiter" und bekam dann korrekt das Bild "EG2.png" angezeigt. Ich vermute, Sie hatten die Dateiendung noch korrigiert?

Das Bild ist ein wenig zu weiter rechts. Das liegt am margin: 3em. Ich empfehle folgende Korrektur:

if (value('ZG01') != 1) {
  html('
    <div style="margin: 3em 0; text-align: center; width: 100%;">
      <img src="'.value('ZG01', 'label').'" alt="" style="max-width: 100%">
    </div>
  ');
}

---

Vielen Dank jetzt funktioniert alles! LG

---

es funktioniert leider noch nicht alles. Ich habe jetzt noch einmal meine Bilder ändern müssen und jetzt werden die neuen Bilder nicht übernommen in meiner Umfrage.

---

Ich habe die alten Bilder gelöscht und neue Bilder hochgeladen. Es wird aber trotzdem noch immer auf die alten zugegriffen, obwohl diese schon gelöscht sind. Wie kann ich dieses Problem beheben?

---

Bitte drücken Sie in Ihrem Browser die Taste F5 (Seite neu Laden). Der Browser hat einfach nur die alten Bilder noch im Cache. In einem anderen Browser oder bei anderen Leuten werden bereits die neuen Bilder angezeigt.

---

Ah super vielen Dank jetzt funktioniert alles sowie es sein sollte!