Photobox

Het is zelden dat ik een module bespreek die nog niet op drupal.org beschikbaar is, maar voor deze wil ik best een uitzondering maken. Photobox is één van meest geavanceerde afbeeldingsgalerijen.

Fast Hover Slideshow

Een handige module die afbeeldingen in een node compact voorstelt in een slideshow. Deze slideshow wordt gestart door met de muis over de afbeelding te gaan (=aanwijzen). Bij kleine schermen is dit klikken.

Je kunt kiezen tussen landschap- en portretweergave:

Horizontal Slide Out Menu

Een module die een view genereert van een geselecteerd inhoudstype met een afbeeldingsveld. Het afbeeldingsveld kan meerdere afbeeldingen bevatten. Er wordt gefilterd op een taxonomieveld. Per term wordt er een menulink aangemaakt, samen met een algemeen overzicht.

Slideshow Parallax

Bewerking van de originele code (Slideshow Parallax with TweenMax van Bruno Carvalho)

Mooie voorstelling met subtiel effect bij de overgang van de slides (zie demo). De Lees Meer linkt naar de node van de afbeelding.

Jssor List Slider

Een mooie voorstelling (met of zonder autoplay) van afbeeldingen in een afbeeldingsveld van een inhoudstype. De afbeeldingen worden getoond met links de miniaturen van enkele andere afbeeldingen. Ik gebruik de Alt en Title van de afbeelding om de tekst en beschrijving weer te geven.

Codrops Calendario

Drupal is niet echt sterk in het mooi presenteren van kalenders.. Views zorgt voor een kalender maar de look is nogal basic. In mijn zoektocht om Drupal 8 wat mooier te laten ogen is de Codrops code (Calendario) opgevallen.

Responsive Menus

Soms heeft een thema geen aparte menustructuur voor kleinere schermen. Deze module zorgt er voor dat bij een zelf ingesteld breekpunt je overgaat naar de menustructuur voor kleinere schermen. 

Responsive kolommen

Afbeeldingen in een view responsive voorstellen is makkelijk... Je zet de view op onopgemaakte HTML en je maakt dat het afbeeldingsveld floating staat. Wil je andere velden integreren, dan kan je dit doen via het herschrijven van het afbeeldingsveld.

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. 

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.

Inline Responsive images

Deze module laat je toe om met de ingebouwde uploadmanager in de CKEditor, een afbeeldingsstijl te kiezen.

Je moet dit bij de teksteditor instellen bij bvb Full HTML. Kies één van de 2. Ofwel de gewone stijlen, ofwel responsive. De 2 samen gaat (voorlopig) niet.

Swiper

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

Je kunt een swiper type aanmaken. 

Screen000098.png

Drupal 8 MegaMenu

Deze responsive menu heeft de mogelijkheid om kolommen en zelfs blokken in een menu te gebruiken. Er zijn wat elementaire standaardkleuren en instellingen meegeleverd. Afwerken naar smaak...

Kijk zeker naar de bijgeleverde handleiding. Stap voor stap uitgelegd.. een zeldzaamheid.

Image Replace

Niettegenstaande zijn complexiteit is dit er toch eentje om te onthouden.. Je kunt per breekpunt (schermbreedte) een andere afbeelding tonen. Ideaal om grote foto's door telkens kleinere te vervangen al naar gelang je tablet of smartphone gebruikt.

 

PC.

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

Bootstrap Layouts

Deze module maakt me blij...Het is de integratie van het voortreffelijke Bootstrap rooster systeem (12 koloms responsive systeem) met Display Suite en Panels.

Gewoon installeren en daarna gebruiken. Hier een voorbeeld met display Suite.

Afbeeldingsstijlen

Afbeeldingsvelden in inhoudstypes en views kunnen een specifieke stijl meekrijgen. Drupal 8 voorziet nu ook in responsive stijlen waarbij breekpunten worden ingesteld, om naargelang de breedte van het venster, de afbeeldingen in een bepaald formaat weer te geven.