Lightbox gebruiken

Je ziet het steeds vaker. In plaats van de ouderwetse, niet meer toegelaten popups, worden nu Lightboxes gebruikt. Dit is een extra laag die op de website wordt getoond, waarbij de achtergrond van de website donker wordt gemaakt. Een erg bekende Lightbox is de variant, waarbij foto's worden getoond.


Het grote voordeel is dat je niet van de pagina af gaat; door het wegklikken van de Lightbox ben je weer op de plaats waar je was. Een enorme verbetering voor de usability.

Andere content

Ook kun je de Lightbox gebruiken voor andere content. Google Maps zie je vaak, maar ook nieuwsberichten kun je via deze manier tonen. De content krijgt hierdoor extra aandacht, omdat de bezoeker niet afgeleid wordt door andere elementen van de webpagina.

Hoe maak je zo'n Lightbox?

Gelukkig kan dit met jQuery makkelijk opgelost worden. Zelfs voor een niet-programmeur is dit te doen. Simpel gezegd: een paar javascript-bestanden uploaden en aanroepen in de HTML. Daarna kun je allerlei varianten gebruiken.

Voor mooie demo's van de Lightbox:


gerelateerde blogs met thumbnail

Er is nu ook een lightbox genaamd PrettyPhoto waarin social media als Twitter en Facebook zijn geïntegreerd.

Ik heb er een stukje over geschreven: http://rolandkedde.nl/blog/social-media-lightbox