galerij

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.

Slick

Dit is eigenlijk een verzameling van modules.. Je kunt ze ook combineren met andere modules

Screen000156.png

Je hebt ook Blazy nodig. (lees Be Lazy = module die op een mooie manier de afbeeldingen inlaadt)

Screen000152.png

Je hebt tal van verschillende weergaven die je op voorhand kunt definiëren. Zo hoef je niet telkens alle instellingen herhalen.

Flex Slider

Mooie presentatie van afbeeldingen zowel voor de nodes als voor de views.

Als je de voorbeeld aanvinkt krijg je kant en klare voorstellingen.

Screen000128.png

Er worden zelfs voorbeeldviews aangemaakt...
Screen000129.png

Je kiest hoe je het wilt voorstellen.

Swiper

Een mobile first module die toelaat om een afbeeldingsgalerij te maken met swipe functie.

Je kunt een swiper type aanmaken. 

Screen000098.png

De module gebruikt css klassen die meekomen met de third party.


Screen000099.png

Haal de bestanden en mappen van hun site en zet ze in libraries.

Abonneer op galerij