Om de foto’s op je website fraai te tonen wordt veelal een popup-effect gebruikt. Twee standaard technische oplossingen hiervoor zijn de Lightbox en Fancybox. Deze twee hebben inmiddels zo’n grote plek op het internet verworven dat de merknamen bijna soortnamen geworden zijn (in navolging van Luxaflex, Google, Frisbee en Aspirine).
Vaak wordt er niet meer van een ‘foto-popup’ gesproken, maar van een ‘Fancybox’.
Dat er niet meer van een ‘popup’ gesproken wordt, lijkt op zich correct. De Fancybox is een zogenaamde ‘overlay’ – een soort laagje over de pagina – terwijl onder een popup over het algemeen een nieuw browservenster verstaan wordt. Deze popups worden vaak voor reclames gebruikt, vandaar dat veel mensen popupblockers installeren zodat ze de reclame niet te zien krijgen. Een ongewild effect hiervan is dat fotoalbums die popups gebruiken ook niet goed werken.
Fancybox 2 – full-screen
De nieuwe Fancybox (versie 2) heeft een aantal fraaie features, die goed samenwerken met het Occhio CMS. Een van de nieuwe mogelijkheden van de Fancybox is het tonen van een full-screen versie. Voor een full-screen weergave is wel een grote versie van de afbeelding nodig. Iets wat vaak niet voor handen is. Nieuwere versies van de Occhio PhotoPresenter en de Occhio NewsManager slaan sinds enige tijd een vrij grote versie op van elke geüploade foto. Deze versie wordt opgeslagen om op een later moment nog extra afbeeldingsformaten van hoge kwaliteit te kunnen genereren. Stel dat op een later moment een redesign van de website gedaan wordt en alle afbeeldingen van de nieuwsitems een ander formaat moeten krijgen, dan is dit vrij eenvoudig geautomatiseerd te doen.
Gelukkig hebben we de foto’s nog… versie voor later
Deze grote versie (max. 1200×1800 px) is uiteraard alleen groot als er via de Occhio PhotoPresenter of Occhio NewsManager ook een grote afbeelding geüpload wordt. Als er een kleine afbeelding (bv 200×200 px) geüpload wordt, dan is er helaas geen beeldvullend effect. Schermen zijn veelal rond e 1280×1024 px groot.
Het opslaan van zo’n grote versie kost wel wat extra schijfruimte.. Een kleurige foto van 1200×800 px, opgeslagen als PNG, is al gauw tussen de 1,5 en 2,5 Mb. Je bent hierdoor echter wel klaar voor toekomstige aanpassingen of uitbreidingen van de website. Als er een probleem ontstaat met de schijfruimte, kan Occhio dit grote formaat eventueel verwijderen, een andere oplossing is het nemen van een groter hostingpakket. Nadeel van het verwijderen van deze grote versie is dat de kans bestaat dat alle foto’s opnieuw geüpload moeten worden na een aanpassing op de website.
Meer features voor een fotoalbum
Naast de full-screen versie heeft de nieuwe Fancybox nog een aantal voordelen:
- reageert op aanpassen van browserscherm (groter of kleiner slepen)
- geïntegreerde diashow
- nieuwe overgangen tussen foto’s
Vóór de start van de productie van elk project wordt bepaald welke foto-overlay (Fancybox of Lightbox) het beste gebruikt kan worden. Wil je meer weten over de Occhio PhotoPresenter of de Occhio NewsManager, neem dan contact met Gijs of mij op.
Meer informatie en demo’s op: http://fancyapps.com/fancybox/