Photobox

Photobox is één van de knapste voorstellingen (credits to http://yaireo.github.io/photobox/) van afbeeldingen en wordt niet ondersteund door een Drupal 9 module. Vandaar dat ik er zelf één gemaakt heb. Tevens heb ik er voor gezorgd dat de afbeeldingen die in miniatuur worden getoond, responsive en zonder 'wezen' worden voorgesteld. Een weesafbeelding is een afbeelding die onderaan een rooster staat te bengelen zonder de volledige breedte van het scherm in te nemen. Bij deze voorstelling is het rooster altijd gevuld.

Bij klikken kom je op de Photobox voorstelling terecht.

De module heeft een inhoudstype 'Photobox' met drie velden om alles in te stellen. Dit soort overzichten werkt niet zoals een Drupal view. Het is een node die de gegevens verzamelt.

  1. Welk inhoudstype wil je voor het overzicht? 
  2. Wat is de naam van het afbeeldingsveld in dit inhoudstype?
  3. Welke breedte in vw wil je dat de galerij inneemt? Hou rekening met het thema dat je gebruikt. Dit thema neemt misschien zelf al marges in. Voor Adaptive Theme is 78 vw een mooie breedte.

De module werd geprogrammeerd in Twigs en niet in PHP. Dit om veiligheidsredenen. Dit houdt in dat je een aantal Twig modules moet installeren en deze onderdelen activeren:

De module creëert ook twee afbeeldingstijlen. Eén er van maakt gebruik van Focal Point om de focus te verleggen indien nodig. Het staat je vrij om deze stijlen te wijzigen. 

De asset injector heeft een CSS en JS bestand dat alles in goede banen leidt...

Voor wie wil weten hoe ik deze module gemaakt heb... https://drupal.vlaanderen/algemene-bespreking/photobox-zonder-weesafbeeldingen