Een goede lightbox plugin voor WordPress is te vinden op 4mj.it. Deze plugin maakt gebruik van het Lightbox 2 JavaScript dat ontwikkeld is door Lokesh Dhakar.
Met lightbox kun je een overlay van een afbeelding op een pagina plaatsen door middel van een met JavaScript gegenereerde pop-up.
Implementatie
Na installatie van de plugin voeg je het attribuut rel="lightbox"
toe aan een link om de lightbox te activeren.
Bijvoorbeeld:
<a href="afbeelding.jpg" rel="lightbox" title="Titel van de afbeelding">thumbnail van de afbeelding</a>
Met het title
attribuut kun je een titel aan de afbeelding geven. Deze wordt in de lightbox onderaan getoond.
Lightbox kan ook gebruikt worden voor groepen afbeeldingen (sets). Zo’n set maak je door simpelweg [setnaam]
toe te voegen aan het rel attribuut.
Voorbeeld van een set afbeeldingen:
<a href="afbeelding1.jpg" rel="lightbox[natuur]">thumbnail1</a>
<a href="afbeelding2.jpg" rel="lightbox[natuur]">thumbnail2</a>
<a href="afbeelding3.jpg" rel="lightbox[natuur]">thumbnail3</a>
Bezoekers kunnen nu in de lightbox bladeren tussen de verschillende afbeeldingen binnen een groep.
Tags: lightbox · Wordpress
February 7th, 2010 at 7:19 pm
Hier was ik naar op zoek!
Bedankt voor de uitleg nu snap ik er al veel meer van.