Hallo Sosci-Support-/Community
Derzeit erstelle ich im Zuge meiner Thesis ein Online-Experiment bei dem jeden Teilnehmer Bilder in randomisierter Reihenfolge präsentiert werden. Die TeilnehmerIn bewertet ein Bild und dann kommt das nächste, usw.
Teinehmer via Smartphone fange ich technisch ab.
Aber es können Leute mit Tablet / Notebook ab 13" aufwärts mitmachen (Hinweis zu Beginn an die TeilnehmerInnen keinen kleineren Monitor zu benutzen).
Die Bilder haben eine originale Auflösung von 1024 x 768 und ich möchte sie eben in dieser Auflösung darstellen:
img src="fixation_1024_768.png" width="1024" height="768" align="middle" alt="fixation">
Jetzt haben 2 TeilnehmerInnen im PreTest moniert (eine mit 13" Bildschirm und Safari-Browser und die andere mit 14" und Firefox), dass die Bilder bei Ihnen nicht komplett eingeblendet wurden, sondern sie mussten in der Höhe scrollen (von oben nach unten), um auch den unteren Teil des Bildes zu sehen.
Auf Eurer Homepage habe ich dann noch folgenden Hinweis gefunden und entsprechend eingebaut:
img src="fixation_1024_768.png" style="max-width: 100%" align="middle" alt="fixation">
Allerdings sorgt das nur dafür, dass das Bild kleiner skaliert wird, sobald die Breite des Browserfenster schmaler ist als die Breite des Bildes.
Ich hätte aber gern, dass das Bild automatisch kleiner skaliert wird, sobald die angezeigte Höhe des Browserensters kleiner als das Bild ist. Das Bild soll also immer so angezeigt werden, dass eben kein Scrollen erforderlich ist, um an dessen unteres Ende zu sehen.
Hinweis_1: Die eingestellte Auflösung des Bildschirms möchte ich ungern vorgeben, da ich fürchte, dass dann noch weniger Leute teilnehmen (wegen des Aufwandes).
Hinweis_2: Ich schalte über PHP in das Stimulus Presenter Layout, wenn ich die Bilder zeige
Es wäre super, wenn hier jemand eine Lösung anbieten könnte, da ich ziemlich unter Zeitdruck stehe und die Bildpräsentation das zentrale Element der Erhebung ist ...
1000 Dank vorab !!!