Werken met Lightbox

Inleiding

Lightbox is een principe waarbij je afbeeldingen op elegante manier kan vergroten. Je klikt namelijk op een thumbnail en krijgt vervolgens de vergrote versie op je eigen scherm. De rest van de site wordt donker.

Je kan Lightbox echter ook gebruiken om video’s te tonen, tekst en zelfs websites.

Voor Drupal versie 6 gebruikten we nog lightbox2.

http://drupal.org/project/lightbox2

Voor Drupal versie 7 gebruiken we daarentegen colorbox.

http://drupal.org/project/colorbox

Download de module en installeer deze.

Download op http://colorpowered.com/colorbox/ de plugin.

Deze moet je plaatsen in sites/all/libraries.

(je hebt nu een map colorbox staan in modules én in libraries).


Bij Instellingen - Colorbox, kan je de instellingen wijzigen.

Je kan de colorbox nu gebruiken in views. We hebben dit reeds behandeld in het hoofdstuk views. Stel het veld afbeelding als volgt in:

Kies ook de gewenste afbeeldingsstijlen. BIj Node image style kies je de kleine versie. Bij colorbox image style kies je de grote versie.

Kleine versie:

Grote versie:

 
 Drupal 7, deel 2- CMS | pagina laatst gewijzigd op 19/04/2011 | Onze cursussen vallen onder copyright!
Zelfstudie.be - gratis cursussen internet, dreamweaver, fireworks, flash, enz. Terug naar vorige pagina