Image Hover Effects

Deze module laat je toe om een hover effect toe te passen op afbeeldingen. Zowel in de nodes als in een view.

Met een beetje CSS (via de Asset injector), kan je zo afbeeldingen in een node, mooi voorstellen. Het komt er op neer dat je een afbeeldingsstijl neemt; bvb vierkant 200px en die via CSS op 150 px zet. Bij inzoomen wordt dan de afbeelding vergroot voorgesteld, maar krijg je geen kwaliteitsverlies.

Jquery Carousel

Nog een galerij voor afbeeldingen in een afbeeldingsveld die meervoudig staat. Volledig responsive en swipen maar...of kijk naar de automatische voorstelling.

Screen000435.png

Je kunt deze makkelijk verticaal zetten.. Misschien een blokveldje maken...

Screen000440.png

Kijk eens wat je allemaal kunt instellen...

Owl Carousel (Owl)

Een speciale module... Owl carousel heeft een Drupal 8 release, die (nog) niet werkt. Er bestaat wel een Owl module die wel werkt maar die je niet via drupal.org vindt..

Als je de Owl Carousel installeert (werkt niet) krijg je bij de help te zien dat je de Owl module moet installeren..

Screen000237.png

De Owl module moet via de link van Github downloaden en installeren.

Shuffle

Toch wel een ontdekking... Deze third party module geeft in een view een mooie responsive voorstelling van de afbeeldingen.

Installeer de third party. Neem enkel wat nodig is. De download bevat veel meer.

Screen000218.png

Maak een inhoudstype aan met een afbeeldingsveld en een meervoudig referentieveld (bijvoorbeeld naar een taxonomieterm). Het moet meervoudig zijn.

Maak nu de view aan

Magnific popup

Eenvoudige galerij die je krijgt na klikken op een afbeelding.

Bij de veldweergave kan je de instellingen doen.

Screen000166.png

Je krijgt een node te zien met de afbeeldingen. Pas desnoods de nodige CSS toe om dit wat ordentelijker voor te stellen.
Screen000167.png

Bij klikken krijg je de galerij. Volledig responsive.