Lightbox

Die Widgetkit Lightbox laat jou toe om grafika in ‘n overlay ruimte te sien sonder dat jy die huidige bladsy verlaat.

Voorbeelde

Verskillende animasie – fade, elastic en none

Verskillende title posisies – float, inside en over

Hoe om te gebruik

GEbruik die HTML5 custom data attribute data-lightbox om die lightbox te aktiveer. Jy kan verskillende lightbox parameters verstel. Byvoorbeeld:

<a data-lightbox="width:1000;height:600;" href="http://www.wikipedia.org">Lightbox</a>

Hier is ‘n lysie van die mees algemene parameters:

• titlePosition – Hoe moet die titel wys? (float, outside, inside of over)
• transitionIn – Stel ‘n transisie om mee te begin. (fade, elastic, of none)
• transitionOut – Stel ‘n transisie om mee te eindig (fade, elastic, of none)
• overlayShow – Stel true of false
• width – wydte  in pixel
• height – Hoogte in pixel
• padding – Spasie in pixel