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 der Funktionen der Website images/2003_Gartenfest/IMG_4075.JPG

Test-Text unterhalb Bild 1 “right” und oberhalb von “clear”

Test-Text unterhalb “clear”

Test der Funktionen der Website images/2003_Gartenfest/IMG_4075.JPG

Test-Text unterhalb Bild “left”

Test-Text unterhalb “clear” von Bild “left”

Test der Funktionen der Website images/2003_Gartenfest/IMG_4075.JPG

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 der Funktionen der Website images/2003_Gartenfest/IMG_4090.JPG

Test-Text unterhalb Bild 1 “right” und oberhalb von “clear”

Test-Text unterhalb “clear”

Test der Funktionen der Website images/2003_Gartenfest/IMG_4090.JPG

Test-Text unterhalb Bild “left”

Test-Text unterhalb “clear” von Bild “left”

Test der Funktionen der Website images/2003_Gartenfest/IMG_4090.JPG

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


Gruß, Pascal