Forum › Forums › Unipark › Stimulus-Material auf dem Smartphone › Reply To: Stimulus-Material auf dem Smartphone
Ich gehöre nicht zu Unipark.
Daher kann ich auch nicht sehen, auf welche Art du das oder die Bilder eingebunden hast. Wenn das Bild seitlich abgeschnitten wird, ist die horizontale Auflösung des Smartphones kleiner als die des Bildes. Dafür gibt es eine einfache und eine sinnvolle Lösung:
Die einfache Lösung sieht wie folgt aus:
<img src="path/to/image.jpg" border="0" />
Damit passt sich das Bild an die Breite des Bildschirmes des Endgerätes an. Nachteil: Der Smartphone Nutzer muss ein großes Bild (Dateigröße), das kostet Zeit und Datenvolumen und möglicherweise die Nerven des Teilnehmers 😉
Die sinnvolle Lösung ist es, mehrere Grafiken zu verwenden. Eine hochauflösende Grafik für Bildschirme und eine mit geringerer Auflösung für mobile Endgeräte. Da könnte man noch zwischen Tablets (großer Bildschirm, WLAN) und Smartphones (kleiner Bildschirm, 3G/4G) unterscheiden.
Sagen wir du hast eine Grafik 1600×1000 für den PC, diese verkleinerst du auf 1200×750 für Tablets und auf 800×500 für Smartphones. Du lädst alle drei Grafiken in die Medienbibliothek hoch. Auf der Seite, wo du das Bild verwenden möchtest, erstellst du drei 998er Fragen, nennst diese PC, Tablet und Smartphone und bindest in diesen die Grafik aus der Medienbibliothek ein (jedoch nicht mit dem Code von oben mit style=”max-width: 100%”, kopiere einfach den aus der Medienbibliothek).
Dann öffnest du die Smartphone Frage und legst bei “Frage ausblenden, wenn …” folgende Bedingung fest: “participant_device” ist ungleich 1/smartphone. Bedeutet, die Frage wird ausgeblendet, wenn das verwendete Gerät kein Smartphone ist. Das gleiche machst du für das Tablet: “participant_device” ist ungleich 2/tablet. Als letztes öffnest du die PC Frage und gibst als Ausblendbedingung folgendes an: “participant_device” ist gleich 1/smartphone oder “participant_device” ist gleich 2/tablet – damit wird die hochauflösende PC Grafik für Smartphones und Tablets nicht ausgegeben.
Testen nicht vergessen!