Unite Gallery Tiles Justified Links

Unite Gallery heeft enkele knappe scripts die tot de top behoren om afbeeldingsgalerijen voor te stellen. De code werd onder de MIT licensie vrij gegeven, met dank aan Max Valiano | http://unitegallery.net

Van al hun voorbeelden heb ik die geselecteerd die volgens mij alles overtreft: Unite Gallery Tiles Justified Links. Deze voorstelling van de afbeeldingen is zodanig dat, onafhankelijk van de breedte van het scherm, je altijd een volledig gevulde rij op het einde hebt. Bij klikken komt er dan nog een mooie voorstelling van de afbeeldingen op ware grootte. Tevens kan je een link bepalen. Zonde dat dit (nog) niet geïntegreerd werd in Drupal 8.

Ik heb de code geïntegreerd in de veldstructuur van Drupal 8. De instellingen die je normaal gezien in de scripts moet aanpassen heb ik ook gebruiksvriendelijk gemaakt. De breedte van de galerij, de afstand tussen de afbeeldingen, de link mogelijkheid, randje of niet...  alles is instelbaar. 

Werkwijze

Je hebt in een inhoudstype een afbeeldingsveld aangemaakt. Onthou hun machinenamen.

Vul je nodes met inhoud. Ik veronderstel dat je een Alt toevoegt aan elke afbeelding. (Zou je verplicht moeten doen hé..) Deze Alt zal bij de popup voorstelling zichtbaar worden.

Maak een node aan van het type Unite Gallery Tiles Justified Links

Vul alle velden in.

Bingo!


Deze voorstelling past zich perfect aan, aan de breedte van het scherm. Merk op dat er altijd een mooi gevulde rij onderaan is. 


Bij klikken op een afbeelding opent er zich een nieuwe voorstelling. Deze keer in ware grootte van de afbeeldingen. (max 1300 px)

 

Bij klikken op de link ga je naar de node. Ik heb gemaakt dat je de link ook kunt verwijderen.


Installatie

1) het is een third party. Zet de map in de libraries map.

2) installeer de module. Installeer eerst de afhankelijkheden

3) Maak nodes aan (zie werkwijze) Bekijk het resultaat als je afgemeld bent of in een andere browser.