Bild nur zeitbegrenzt sichtbar machen

Question

![][1]Hallo,

ich möchte intuituve Reaktionen testen und würde deshalb gerne ein Bild für etwa nur 6 Sekunden sichtbar dargestellt haben wollen und es dann ausblenden lassen. Die Antwortmöglichkeiten sollen eingeblendet bleiben.

Ich bin etwas unerfahren im Coding und habe von ChatGPT unten stehenden Code vorgeschlagen bekommen, der allerdings als HTML eingefügt nicht funktionierte. (Ja, ich denke, dass ich den Dateinamen richtig eingefügt hatte.)

    <div id="imageContainer">
    <img id="targetImage" src="media/YOUR_IMAGE_NAME.jpg" style="width: 100%;" />
</div>

    <script>
setTimeout(function() {
    document.getElementById('targetImage').style.display = 'none';
}, 6000);  // 6000 milliseconds = 6 seconds
</script>

Habe ich etwas falsch gemacht oder gibt es andere Alternativen zum Ausblenden von Bildern?

Vielen Dank!

Answer 1

Bei src="..." müssen Sie den Dateinamen Ihres Bildes (exakt) eintragen, aber ansonsten sieht dieser JavaScript-Code korrekt aus.

Befragte könnten das umgehen, indem Sie die Seite neu laden (Taste F5). Aber ansonsten...

Stellen Sie sicher, dass Sie den JavaScript-Code korrekt auf der Fragebogen-Seite einbinden: JavaScript im Fragebogen.

Und wenn es nicht funktioniert, posten Sie doch mal einen Pretest-Link direkt (!) zur betroffenen Seite des Fragebogens.

Comments

Entschuldigung, aber ich habe nun versucht
src="media/test.jpg"
src="media/pro://test.jpg"
src="pro://test.jpg"
src="test.jpg"
und keines davon lässt das Bild in der Preview verschwinden. Mache ich etwas falsch?

Handelt es sich hier bei um den Pretest-Link?

Ich habe ein Screenshot in der Testfrage eingefügt.
Das ist nur eine Testseite um den Code zu verstehen.

Vielen Dank

---

> Handelt es sich hier bei um den Pretest-Link?

eher nicht, denn wenn ich den Link aufrufe, bekomme ich nur die Verabschiedung.

Wie Sie einen Pretest-Link erstellen, wird hier erklärt: https://www.soscisurvey.de/help/doku.php/de:survey:pretest

> src="pro://test.jpg"

Wenn Ihre Datei test.jpg heißt und in der geschützten Dateiablage liegt, dann ist das hier das korrekte Attribut.

Wenn Sie einen falschen Dateinamen eintragen, dürfte das Bild gar nicht erscheinen. Falls doch, haben Sie es zusätzlich zum HTML-Code nochmal in die Seite gezogen (ah, gerade sehe ich, dass Sie oben einen Screenshot ergänzt haben). Entfernen Sie das, das Bild darf nur über den HTML-Code eingebunden werden.

---

> Entfernen Sie das, das Bild darf nur über den HTML-Code eingebunden werden.

Das funktioniert! Vielen Dank für die Hilfe!!