WSW-Gestaltungselemente-Galerien

Hier zeigen wir Ihnen die Gestaltungsmöglichkeiten für Ihre Bildergalerien. Damit können mehrere Bilder in einer Galerie angezeigt werden.

Unterschied zwischen Grid-Galerie oder Masonry-Galerie?

Grid-Galerie = quadratische Kacheln
Masonry-Galerie = variable Bildhöhen im Originalseitenverhältnis

Folgende Beispiele sind nur ein sehr kleiner Auszug der vielen Möglichkeiten. Es wurden bei jeder Galerie dieselben Fotos (im Quer- und Hochformat) genommen, um deren Unterschiede zu zeigen und um auf gewisse Voraussetzungen bzw. Vor- und Nachteile hinweisen zu können:

Galerie - "Grid:einfach"

Alle Bilder werden imselben Seitenverhältnis gezeigt. Man kann zwischen 1:1,3:2, 2:3 4:3, 3:4, 16:9 und Ultra Widescreen wählen.
Voraussetzung für diese Galerie: alle Fotos sollen dasselbe Seitenverhältnis haben!
Bei dieser Galerie werden alle Bilder untereinander auf einer Seite gezeigt.

ACHTUNG: Bei diesem Beispiel wurde die Auswahl von "1:1 (= quadratisch) gewählt. D.h., die Voransicht aller Bilder ist quadratisch - unabhängig davon, ob sie im Originalen quadratisch, quer- oder hochformat sind.

NACHTEIL: Von NICHT-quadratischen Bildern wird der "überlaufende Teil" abgeschnitten!

Die Galerie "Grid:einfach" ist PERFEKT, wenn ALLE FOTOS DASSELBE SEITENVERHÄLTNIS haben!

Galerie "Grid:Masonry"

Bilder werden in der Original-Dimension angzeigt (quadratisch, hoch- und querformatig).
Der klare Vorteil dieser Galerie ist, dass Originalbilder nicht abgeschnitten werden.
Bei dieser Galerie werden alle Bilder untereinander auf einer Seite gezeigt.
Selbstverständlich gibt es genau dieselben Bilder-Einstellungen wie oben beschrieben auch für alle Bilder in dieser Galerie.

Die Galerie "Grid:Masonry" ist PERFEKT, für Fotos mit VERSCHIEDENEN SEITENVERHÄLTNISSEN!

Galerie "Carousel"

Bei dieser Galerie kann man durch die Bilder scrollen.
Selbstverständlich gibt es genau dieselben Bilder-Einstellungen wie oben beschrieben auch für alle Bilder in dieser Galerie.
Die Navigation hat ebenso eine Vielzahl von Gestaltungsmöglichkeiten.

VORTEIL dieser Galerie: die Galerie benötigt wenig Platz auf der Seite.

Nachteil: nicht-quadratische Fotos werden in der Vorschau abgeschnitten!

Slider-Element

Auch mit diesem Element können schöne Galerien realisiert werden.

Auch bei dieser Galerie scrollt man durch die Bilder.
Durch die vielen Einstellungsmöglichkeiten ergeben sich mehrere Ansichten.

VORTEIL dieser Galerie: die Galerie benötigt wenig Platz auf der Seite.

Nachteil: ALLE Fotos müssen dieselbe Größe haben, damit sie nicht abgeschnitten werden (z.B. am Marocco- und am Jamaika-Foto zu sehen).

Galerie-Beispiele (so wie sich's gehört mit derselben Bildgröße) sind auf den Seiten "Singapur" und "Canada" zu sehen.

Verschiedene Einstellungen machen Ihre Galerie einzigartig

Bei der Gestaltung stehen viele verschiedene Layouts und Seitenverhältnisse zur Auswahl - z.B. haben können Sie folgende Einstellungen ganz nach Ihren Wünschen anpassen:

Wahl der Spaltenanzahl
Abstände zwischen den Bildern
Bildbeschreibung anzeigen oder nicht anzeigen
Lightbox-Funktion (klickt man auf das Bild, wird es in einer Lightbox geöffnet)
mit/ohne Bilderrahmen
mit/ohne Animation beim Öffnen der Seite
mit/ohne Hover-Animation
Filterung nach Kategorien oder nicht
usw.

Für jedes einzelne Bild stehen weitere Einstellungen zur Verfügung:

Alt-Tag Beschreibung
Bildbeschreibung
Verlinkung auf eine fremde Seite (sollte sich in einem eigenen Fenster öffnen)
Verlinkung auf eine interne Seite (möglich auch auf eine bestimmte Sektion)
Verlinkung zu eMail-Adresse, Telefon-Nummer
Verlinkung zu einer Datei, RSS-Datei
Verlinkung zu einer Kategorie (damit erhalten Sie einen Filter über der Galerie)