Unterschiedliche Regler-Grafiken je nach vorheriger Antwort

Question

In einer früheren Frage werden die Teilnehmer gebeten ein Bild aus einer gewissen Auswahl an Bildern auszuwählen.
Danach wird Ihnen eine Frage vom Fragentyp "Schieberegler" gestellt. Je nach vorherigen Bildauswahl des Teilnehmers, soll dieses Bild nun als Regler-Grafik im Schieberegler angezeigt werden.

Gibt es eine elegante Lösung wie das zu bewerkstelligen wäre, ohne pro möglicher Antwort eine Frage mit einer anderen Regler-Grafik zu erstellen? (Ich würde dann auf eine sehr hohe Zahl an möglichen Grafik-Kombinationen kommen, da auch die Schieberegler-Grafik je nach Bedingung immer eine andere ist)

Vielen Dank!

Comments

Sind die Grafiken alle gleich groß und befinden sich Minimum und Maximum überall an derselben Stelle?

---

Ja sind sie!

Answer 1

Es gibt zu jedem Schieberegler-Item eine <div> mit der HTML-ID "SR01_01_scale", wobei das "SR01" natürlich jeweils der Kennung der Frage entspricht.

Dieses Bild können Sie natürlich problemlos austauschen. Wenn Sie also z.B. mittels PHP folgendes schreiben:

replace('%skala%', 'skala0815.png');

Dann könnte der zugehörige HTML-/JavaScript-Code darunter (und unter der Schieberegler-Frage) wie folgt aussehen:

<script type="text/javascript">
document.getElementById("SR01_01_scale").style.backgroundImage = "%skala%";
</script>