Bild ändern bei Antwort-Auswahl

Question

Hallo.

da ich einen autokonfigurator zusammenstelle habe ich nun folgende frage:

Ist es möglich, dass sich ein Bild dynamisch ändert je nachdem welche Antwortmöglichkeit man anklickt?

Also zB. der User klickt die Radiobuttons der Farbe (rot, blau, schwarz,...) und das bild ändert sich dynamisch.

vielen Dank

Answer 1

Ja, das ist möglich - erfordert aber eine entsprechende Programmierung mittels JavaScript.

Am einfachsten ist es, Elemente ein- und auszublenden:
Fragen bei Auswahl einer bestimmten Option sofort einblenden

Das ist natürlich auch mit Bildern oder Ebenen in Bildern möglich. Was genau Sie am Ende benötigen, hängt wesentlich davon ab, wie sich das Bild verändern soll.

Comments

Hallo vielen Dank. Nun versuche ich jedoch verzweifelt, dass sich beim Auswählen der Farbe das Bild ändert. Der value=1 der frage CD01 ist "Schwarz". Hier mein Code:

<script>
   var dropdown = document.getElementById("CD01");
   var bild = document.getElementById("car");
    
   function toogle() {
     if (dropdown.value == "1") {
       document.getElementById("car").src="car_black.png";
     }
   }
    
   SoSciTools.attachEvent(dropdown, "change", toogle);
   SoSciTools.attachEvent(dropdown, "click", toogle);
   toogle();
</script>

Bitte um dringende Hilfe!