Testseite für Magnific Popup – noch eine Lightbox-Alternative

Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.

Fotogalerie

Bildbeschreibung: Abendlicher Blick vom Vienna TechGate. Die Straßenbeleuchtung auf der Reichsbrücke spannt einen Lichterbogen über die Donau. Jenseits der Donau sind das Riesenrad im Prater und weitere beleuchtete Fahrgeschäfte zu sehen. Die Stadt dahinter ist im Dunst nur noch schemenhaft zu erkennen. Der Himmel ist teilweise bewölkt, zum Horizont hin rosarot gefärbt. Im Vordergrund, diesseits der Donau, eine beleuchtete Großbaustelle.

Und jetzt Text zwischen den Thumbs.

Bildbeschreibung: Ein Park. Die Sonnenstrahlen bringen die Farben der herbstlichen Blätter zum Leuchten.

Die Fotogalerie basiert auf dem Script Magnific Popup von Dmitry Semenov.

Eigenschaften

• Benötigt jQuery. Dadurch relativ einfach zu installieren und zu konfigurieren.
• Responsiv. Ordentliche Darstellung auch auf Smartphones.
• Mit ein wenig CSS kann die Bildbeschreibung (= title-Attribut) auch als Overlay im Popup gezeigt werden.
• Barrierefreiheit: Der Link zum Popup ist leider unvermeidbar. Das kann Screen Reader Nutzer zum — sinnlosen und irritierenden — Öffnen des Popups verleiten. Damit die Bildbeschreibung für Screen Reader Nutzer zugänglich wird, habe ich sie hier in einen <span> dupliziert, und aus dem Viewport geschoben.

Fazit

Magnific Popup kann alles, was Fancybox auch kann. Smartphones werden unterstützt.

Weitere getestete Galerie-Scripts:

• PhotoSwipe
• Fancybox

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.