CMSimple Plugin Demoseiten

Vorschau vertikal floatend

zur Download Seite »

Diese Variante ist absolut responsiv, Breite und/oder Anzahl der Spalten passen sich automatisch der horizontalen Bildschirmauflösung an. Es ist eine reine CSS Lösung. Voraussetzung ist CSS3, das sollte aber in der Browserwelt mittlerweile ausreichend etabliert sein.

Definierte Anzahl der Spalten

In diesem Beispiel ist die Anzahl der Spalten definiert, die Breite der Spalten ergibt sich automatisch. Das ergibt in sehr schmalen Fenstern sehr kleine Vorschaubilder, also sollte man die Anzahl der Spalten nicht zu hoch wählen. Hier wird dieser Effekt mit der zusätzlichen Angabe einer Spaltenbreite abgefangen,  dadurch wird die Anzahl der Spalten auf sehr schmalen Displays reduziert.

Definierte Spaltenbreite

Im folgenden Beispiel ist die Breite der Spalten definiert, die Anzahl der Spalten ergibt sich automatisch. In dieser Galerie ist die Anzeige der Bildbeschreibungen auch für die Vorschaubilder aktiviert (möglich ab FotoPro 4.4).

Seeblick 

Kanal nach Lychen 1 

Kanal nach Lychen 2 

Familie Schwan 

Hausboot 

Brückendurchfahrt Fahrgastschiff 

Penichette im Hafen 

Dämmerung in Fürstenberg 

Schleuse im Abendlicht 

Oldtimer Boot 

Reichstag 

Oberbaumbrücke 

Berliner Dom 

S-Bahn Bogen - und ein wenig Text zum testen einer etwas längeren Beschriftung der Vorschaubilder 

Moltkebrücke 

Lutherbrücke 

Moabiter Brücke 

Stadtrundfahrt im Oldtimerbus 

CMSimple Plugin Demoseiten

nach oben