Masonry API

Masonry heeft de mogelijkheid om lege ruimtes op te vullen. Niet enkel met afbeeldingen maar met volledige blokken. Het past de grootte van de divs aan, aan de beschikbare ruimte én tijdens het wijzigen van de schermgrootte krijg je nog een mooie transitie er bij.. Kijk eens hoe de ruimte mooi wordt opgevuld. Deze module vormt de basis voor Masonry views. Op zich is deze module dus niet bruikbaar. Enkel in combinatie met Masonry views.


Drupal8_002114.png

Het is een third party module met 2 libraries die je moet installeren. Neem voor Drupal 8 de nieuwste versies. Ook jquery update is nodig, maar die zit reeds in de Drupal 8 kern.

Je moet exact doen wat er staat. Gebruik de v3 voor Drupal 8. Bewaar deze script als masonry.pkgd.min.js en zet het in de juiste map. Doe hetzelfde voor de imagesloaded.

  1. Download the Masonry plugin :
    • v2 with branch 2.x. Rename the file to be located at : /sites/.../libraries/masonry/jquery.masonry.min.js
    • v3 with branch 3.x. Rename the file to be located at :
      /sites/.../libraries/masonry/masonry.pkgd.min.js
  2. Branch 3.x only: you need to create a directory for imagesloaded in the libraries directory and then download the imagesloaded library from http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js. Rename it to be located at :
    /sites/.../libraries/imagesloaded/imagesloaded.pkgd.min.js