Masonry mit Photoswipe

Das Rad muss nicht immer neu erfunden werden, wichtiger ist vielmehr Wünsche und Anforderungen an die Website von Anfang an zu kennen.

Photoswipe (www.photoswipe.com) bietet einen Bildbetrachter, der insbesondere die Anzeige extrem großer Bilder ermöglicht. Im Gegensatz zu anderen Skripten zeigt er diese im größten Format erst an, nachdem Besucher:innen über das primäre Bild hinausgezoomt haben.

Um unterschiedliche Bildgrößen, die bereits auf der Übersichtsseite erkenntlich sein sollen, darzustellen, bietet sich die Einbindung von Masonry an. Dies stellt die Vorschaubilder analog eines Mauerwerks dar und passt die Darstellung soweit möglich an. Im Beispiel entsprechend dem Endgerät der Besucher:innen in ein bis fünf Spalten. Der Effekt wird besonders deutlich, indem man einmal das Browserfenster vergrößert bzw. verkleinert.

Standardtools von WordPress nutzen

Optisch ansprechende Bildergalerien lassen sich in WordPress trotz unterschiedlicher Bildgrößen auch ohne Masonry nutzen. Dazu werden (Vorschau-) Bilder zugeschnitten, um sie auszurichten bzw. entsprechend zu skalieren, wie im folgenden Screenshot.

Photoswipe in WordPress einbinden © B&N Internet-Marketing
Photoswipe in WordPress einbinden © B&N Internet-Marketing

Ein Fallbeispiel mit Kombination aus Masonry für Voransicht der Ausstellungskataloge bzw. Buchcover, Großansicht mit Photoswipe in Verbindung mit dem Plugin TablePress zur Darstellung der bibliografischen Daten als Tabelle finden Sie unter www.eidlitz.de/bibliographie/kataloge.

Autor: Internet-Marketing Inh.: Frank-M. Nowara
Web: www.internet-marketing.de
Mail: admin[ad]internet-marketing.de
Phone: 0049 (0)911 49 75 58
Fax: 0049 (0)911 49 75 09
Quelle: https://www.servicepraxis.com/plugins/lightbox/photoswipe/