c't 7/2016
S. 166
Praxis
Mobile Web-Fotogalerie

Fotowischer

Mobiltaugliche Web-Fotogalerien mit PhotoSwipe

Fotogalerien im Web müssen Wisch- und Touch-Gesten beherrschen, damit die Bedienung auch mit Smartphone und Tablet Spaß macht. Besonders gut setzt das die leichtgewichtige JavaScript-Lösung PhotoSwipe um.

JavaScript-Fotogalerien setzen Bilder schick in Szene. Doch jenseits einer attraktiven Optik spielt auch die Bedienung eine wichtige Rolle: Wenn Wisch- und Touch-Gesten fehlen oder nur behäbig reagieren, geht Smartphone-Surfern schnell die Geduld aus. Wer mobile Besucher nicht abschrecken will, sollte deshalb für eine intuitive Fingerbedienung sorgen.

Eine vorbildliche Unterstützung für mobile Browser bietet PhotoSwipe: Mit der JavaScript-Galerie lassen sich Fotos schnell durchwischen und mit gespreizten Fingern vergrößern. Die gesamte Bedienung flutscht – auch mit Maus und Tastatur. Die Besucher können sich per Wisch, Klick oder Pfeiltasten durch die Galerie bewegen. Das Skript kann zudem mehrere Versionen der Fotos laden: Die kleine Variante ist zügig zu sehen und parallel dazu lädt eine Großfassung. Am besten funktioniert das in Verbindung mit einem CMS wie WordPress, Kirby oder Koken, die verschiedene Bildgrößen automatisch erzeugen und bereitstellen. PhotoSwipe denkt voraus und lädt bereits die nächsten beiden Bilder herunter, die in einer Galerie folgen. Wischt der Nutzer weiter, steht das folgende Foto schon bereit. Das verbraucht zwar ein bisschen Datenvolumen, verkürzt aber die Wartezeit.