Eigene Grafik für Schieberegler nutzen - Größe anpassen

Question

Guten Tag,

Wir möchten für unser Projekt eine Schieberegler-Frage mit eigener Grafik nutzen wie in diesem Beitrag: https://support.soscisurvey.de/?qa=7886/beschriftung-schieberegler
Unser Problem hierbei besteht in der Größe, in der die Grafik auf der Seite angezeigt wird, sie ist immer zu groß, egal, wie wir sie vorher bearbeitet haben. In den Einstellungen haben wir keine Möglichkeit gefunden, die Größe direkt in der Umfrage einzustellen und mit zusätzlichem Code würden wir nur ungern arbeiten, da wir über die Einstellungen Anfangs- und Endpunkte der Skala definieren.
Gibt es eine Möglichkeit, die Grafik schon vorher zu bearbeiten, sodass sie kleiner dargestellt wird? Können Sie uns eine bestimmte Auflösung oder Methodik empfehlen, um die Grafik direkt passend zu exportieren?

Vielen Dank im Voraus für Ihre Antwort

Answer 1

egal, wie wir sie vorher bearbeitet haben

Meistens ist das nur ein Caching-Problem. Wenn Sie die Grafik in der Bildbearbeitung vorab in der richtigen Pixel-(!)-Größe skalieren (z.B. 300 Pixel breit) und hochladen, dann hat sich Ihr Browser bei der Anzeige der Fragebogen-Seite noch die alte Grafik gemerkt (im Cache).

Da reicht es dann aber in aller Regel, die Taste F5 (Seite neu laden) zu drücken, damit sich der Browser die aktuelle Grafik vom Server holt.

Im Prinzip kann man mit ein wenig CSS auch für eine skalierung der Grafik im Browser sorgen, das haben wir im Moment aber noch nicht gründlich genug getestet (z.B. in Hinblick auf die Browser-Kompatibilität), um es zu empfehlen.

Comments

Leider hat Cache leeren und Seite neu laden nicht geholfen. Die Pixel-Skalierung haben wir auch überprüft.

---

Möchten Sie vielleicht mal einen Pretest-Link direkt (!) zur betroffenen Seite posten? Dann sehe ich mir das einmal direkt an.

---

https://sosci.zdv.uni-mainz.de/zukunft2052n/?act=hy3nCKAUO6xD7jNUcFjqbmJI
Vielen Dank!

---

Also, die hochgeladene Grafik (https://sosci.zdv.uni-mainz.de/zukunft2052n/MicrosoftTeams-image_1.png) hat aktuell die Abmessung 689x1834 Pixel. Bitte skalieren Sie das auf eine Höhe von z.B. 300 Pixel und laden Sie die skalierte Version hoch.