In diesem Beitrag teste ich, was ich mit der Engine hinbekomme und was nicht.
Videos, Slider, Galerie-Layouts…
Integration von Youtube mit oder ohne Autoplay:
Das leidige Thema Galerie
Das ist ein Test. Das Problem sieht man leider sofort: Die Bilder müssten alle das selbe Format haben, um gut auszusehen. So richtet sich alles am Hochformat eines der Bilder aus, womit das Layout völlig zerhackt wird. Es würde sicherlich funktionieren mit einem schicken Jquery oder so, aber das blicke ich nicht. So bleibt als einfachste Lösung: Kein Hochformat!
Test von Text-Darstellung bei Bildern.
Test-Text oberhalb von Bild 1
Test-Text unterhalb Bild 1 “right” und oberhalb von “clear”
Test-Text unterhalb “clear”
Test-Text unterhalb Bild “left”
Test-Text unterhalb “clear” von Bild “left”
Test-Text unterhalb von Bild 3 ohne “class”
Test-Text unterhalb von Bild 3 und “clear” Bild 3
Das ganze nochmal mit Bild im Querformat:
Test-Text oberhalb von Bild 1
Test-Text unterhalb Bild 1 “right” und oberhalb von “clear”
Test-Text unterhalb “clear”
Test-Text unterhalb Bild “left”
Test-Text unterhalb “clear” von Bild “left”
Test-Text unterhalb von Bild 3 ohne “class”
Test-Text unterhalb von Bild 3 und “clear” Bild 3
Test von Bild-Download per Klick bzw. öffnen mit separatem Fenster
Und wie kriege ich den Text neben das Bild? Indem ich drunter schreibe! Aber nur so lange das vom Layout her passt. Auch hier wird das Bild responsiv angepasst.
und mit “clear” kriege ich den Text unterhalb des Bildes.
Zu guter Letzt ein Test mit mehreren Bildern, davon eines im Hochformat.
Hier lassen sich die Bilder auch per Klick separat öffnen, wenn man das denn will. Ob der Text neben oder unter dem Bild erscheint, und ob die Bilder über die gesamte Breite oder rechts hängend dargstellt werden, hängt von der Breite des Browserfensters ab!
Beispieltext zu Bild 1 Querformat
Beispieltext zu Bild 2 Querformat
Beispieltext zu Bild 3 Hochformat. Hier mit overflow=hidden, so wird zwar ein Teil abgeschnitten, aber das ist momentan das kleinere Übel.
Beispieltext zu Bild 4 Querformat