1.10. Colorbox: Een eenvoudige fotogalerij maken in Drupal

Op websites moeten we vaak afbeeldingen weergeven in de vorm van een pop-upvenster (popup). Hiervoor biedt Drupal een zeer populaire module — Colorbox:

https://www.drupal.org/project/colorbox

composer require drupal/colorbox

drush en colorbox

Na de installatie moeten we naar de map van de module gaan, het bestand README.txt vinden en daarin de downloadlink voor de Colorbox-bibliotheek (library) opzoeken:

/web/modules/contrib/colorbox

Na het downloaden pak je het bestand uit en hernoem je de map van “colorbox-master” naar “colorbox”, en plaats je deze in de map libraries in de hoofdmap van de website. Als deze map niet bestaat, maak die dan handmatig aan.

Ik heb een inhoudstype genaamd Gallery (Galerij) aangemaakt, dat meerdere afbeeldingsvelden bevat. Nu schakelen we het Colorbox-effect in voor dit veld:

De module biedt ook verschillende weergave-instellingen:

Ik heb de standaardinstellingen behouden, maar je kunt ze naar wens aanpassen. Je kunt ook de globale parameters van Colorbox wijzigen op de configuratiepagina van de module. Ik heb eveneens de standaardinstellingen behouden.

Vervolgens heb ik een galerijpagina (Gallery Page) toegevoegd en enkele afbeeldingen geüpload:

Wanneer je op een afbeelding klikt, ziet het resultaat er als volgt uit:

Als je meerdere afbeeldingen op één regel plaatst en een geschikte marge (margin) tussen hen toevoegt, ziet het geheel er nog mooier uit.