optimale Bildgröße/Bildgröße anpassen

Question

Hallo,

1. ich benutze die Vorlage ofb Orange und möchte Bilder in meinen FB integrieren. Das Problem dabei ist dass ich links immer einen Rand habe. Das Bild ist nicht auf gleicher Höhe wie die Antworten, welche darunter stehen.
   -->Bild ist eingerückt.

2. Dazu kommt noch dass ich die richtige Bildgröße nicht erraten kann. Habe jetzt immer wieder die Größe verändert, abgespeichert und wieder hochgeladen.
   Unterschiedliche Bilder, gleiche Pixelanzahl-->unterschiedliche Bildgröße!

Gibt es einen Trick, dass sich die Größe des Bildes selbst angleicht?

1. Unabhängig davon. Kann ich z. B. die FB-Vorlage verbreitern, um ein größere Bild hochzuladen, damit dies für die Probanden deutlicher zu erkennen ist?

2. Ich lösche die hoch geladenen Bilder und lade welche in einer anderen Größe hoch. Im FB, welcher unter zur Hilfenahme von Randomisierung mit Urnen gestaltet wird, zieht es mir plötzlich die alten entfernten Bilder und dann auch mal die Neuen. Jetzt habe ich alle Bilder entfernt und trotzdem zieht er mir welche, die gar nicht mehr hoch geladen sind.

Merci Matthias

Comments

ad 1) Wenn Sie einen Pretest-Link direkt (!) zur betroffenen Seite posten, kann ich gerne weiterhelfen.

ad 2) Da foppt Sie vermutlich der Browser-Cache. Drücken ie bitte einmal beherzt auf die Taste F5, um die Seite neu zu laden.

ad 1 (unten) https://www.soscisurvey.de/help/doku.php/de:create:layout

ad 2 (unten) Siehe 2)

---

Ich habe mal einen Pretest-Link generiert. Verwende jetzt aber ein anderes Layout, nämlich das "SoSci Survey Neutral".

Trotzdem wäre es schön, wenn die Bilder vermittelt sein würden und dazu noch etwas schärfer, besonders die Schrift!

https://www.soscisurvey.de/test161074/?act=vch4r6yUkQtHSBYPSzfffXSn

Vielen Dank

Answer 1

Die Einrückung kommt daher, dass Sie 3 Zeilen Rand auf alle Seiten lassen:

<div style="margin: 3em; text-align: center">
    <img src="BILD.jpg" alt="">
</div>

Wenn Sie das margin: 3em weglassen, ist das Bild linksbündig. Mit margin: 3em 0; bekommen Sie nur oben/unten Abstand. Allerdings ist der Fragebogen (800 - 20 Pixel Rand = 780 Pixel) im Moment noch einen Tick kleiner als das Bild (800 Pixel). Insofern sollten Sie das Layout noch 20 Pixel größer einstellen, damit das Bild nicht darüber hinaus ragt.

Wenn Sie zudem mit Teilnehmern auf Mobilgeräten rechnen, ergänzen Sie noch ei max-width.

<div style="text-align: center">
    <img src="BILD.jpg" alt="" style="max-width: 100%">
</div>

und dazu noch etwas schärfer, besonders die Schrift!

Das müssen Sie vorab beim Skalieren des BIldes in der Bildverarbeitung machen. Etwa nochmal unscharf maskieren (1 Pixel, 30%). Der Fragebogen kann nur Bildmaterial zeigen, das sie hochladen...

Comments

Super, vielen Dank schon einmal.

Jetzt habe ich noch das Problem, dass die Bilder den Bewertungen zugeordnet werden sollen. In den Daten sehe ich praktisch nicht welcher Zettel gezogen wurde und somit welcher Zettel (Bild) beurteilt wurde.
Die Interne Variable habe ich. 4 Urnen mit jeweils 3 Zettel, also auch IV01, IV02, IV03, IV04. wie gesagt ich sehe aber in der Auswertung nicht was (Bild) beurteilt wurde.
Da die Reihenfolge der Bilder im FB switched, muss doch in den Daten die Bewertung den Bildern zugeordnet werden.

So sieht der Code auf der ersten Seite aus:
$code = value('ZG01');

if ($code == 43) {

} else {

$bild = value('ZG01', 'label');

  html('

    <div style="margin: 3em 0; text-align: center">

      <img src="'.$bild.'" alt="" style="max-width: 100%"/>

    </div>

  ');


}

Merci

---

Ich schlage vor, das in einer neue Frage zu erläutern. Dort können Sie auch den kompletten PHP-Code der Ziehung posten.

Ich vermute stark, dass Ihre Ziehung an sich schon problematisch ist - denn mehrere Urnen-Ziehungen im selben Fragebogen können auch mehrfach denselben Code ziehen. Aber das sehen wir uns dann anhand des Codes an, wenn ich nicht mehr spekulieren muss.

---

Ok, gerne.

Randomisierung mit mehreren Urnen und Hinterlegen bzw. Zuordnung der Bewertungen

heisst er