GRATULATION!
Du hast nicht einfach eine Frage gestellt, sondern hast Dir die ganze Geschichte mal angeschaut und etwas ausprobiert.
Meistens liegt man in der entsprechenden (und von Dir auch gefundenen!) CSS wahrscheinlich sogar richtig...
...hier ist die ganze Sache aber leider etwas komplexer...
Leider hast Du Dir nicht alles angeschaut, denn Du solltest auch mal einen Blick in die SQWPluginTouchPano.js werfen, denn dort wirst Du sehen, dass die Containerhöhe von zwei Faktoren abhängig ist:
- der Bildhöhe und
- dem Berechnungsfaktor
Somit kannst Du die CSS mal völlig ausser Acht lassen (lasse also die 200px) und verändere mal den Berechnungsfaktor in Zeile 14...
1
|
var containerHeight = Math.floor(imgHeight * 0.5);
|
Erhöhe diesen Berechnungsfaktor z.B. mal auf 0.8 und schau' Dir die Geschichte mal an...
...und Du wirst sehen, dass sich die Containerhöhe dazu anpasst...
Du wirst aber leider auch feststellen, dass sich dabei leider der Parallax-Effekt bei einem "normalen Querformat-Bild" auf nahezu Null reduziert...
Dies deshalb, weil ich ja geschrieben hatte, dass die ganze Geschichte von zwei Faktoren abhängig ist: Bildhöhe und Berechnungsfaktor
Damit Du sowohl die Containerhöhe wie von Dir gewünscht erhöhen kannst und den Parallax-Effekt trotzdem erhalten kannst, solltest Du ein (nahezu) quadratisches Bild nehmen und den Berechnungsfaktor verringern...!
Probiere Dein Vorhaben z.B. mal mit einem quadratischen Bild und dem Berechnungsfaktor 0.3 oder 0.35 ...
ABER:
Denke daran, dass diese Einstellung dann für alle Designs gilt...!!!
Dieser Beitrag wurde bereits 4 mal bearbeitet, zuletzt von »
webchaot« (17.04.2017, 18:27)