Views Slideshow Cycle2

Views slideshow is een handige manier om inhoud voor te stellen. Ze maakt gebruik van de third party 'Cycle' library.

Er is altijd al een probleem geweest om dit volledig responsive te maken. Getuige daarvan de jarenlange discussies op de fora. 

Een voorbeeldje... bij resizen van je scherm van groot naar klein... De afbeelding is responsive maar het blokje niet. De inhoud zit veel te laag. Door je browser te vernieuwen kan je dit oplossen, maar echt professioneel is dit niet.

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...

jQuery Auto Height

Als je floating blocks (een beetje CSS ) gebruikt in je node of view, dan zijn ze meestal niet van dezelfde hoogte. Dit is soms storend omdat je lege plaatsen krijgt.

Deze module kijkt per rij wat de hoogste inhoud is en past de hoogte van alle andere blokken in de rij aan. Ook als je dezelfde rij in een ander scherm bekijkt waar er dan meer of minder items worden getoond, blijft het programma kijken naar de hoogste inhoud.

Screen000374.png

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