Codrops Draggable Dual View Slideshow

Een mooie manier om nodes voor te stellen. Via de afbeeldingen kan je node per node bekijken door te slepen, de navigatiepijltjes van het toetsenbord te gebruiken of de pijltjeslink te gebruiken.

Door te klikken naar beneden opent de rest van de node zich.


Er is meer... Er is ook een tweede weergave. Die bekom je door op het icoontje te klikken rechtsboven.


Je krijgt dan (enkel voor brede schermen) een kleinere weergave te zien. Dubbelklikken opent weer de node.



Voor smalle schermen (smartphone) verdwijnt deze mogelijkheid.


Praktisch.. Er is een inhoudstype aangemaakt om de nodes te maken: Drag node. Elke node heeft een Titel, Korte info, Afbeelding (1X) en een body met opmaakmogelijkheid. Maak een paar van deze nodes.

Tenslotte ga je inhoud maken van het inhoudstype: Drag View. Hier is enkel een titel nodig. De module doet de rest. Bij heb het bezoeken van deze node wordt het overzicht getoond.


Installatie:

1) Deze module maakt gebruik van het Stark  thema. Maak dat deze actief staat (niet standaard) en verberg desnoods alle blokken die storen. Hou zeker het inhoudsblok over, anders zie je niets.

2) Installeer de third party in de map 'libraries'.

3) Installeer de afhankelijkheden:

4) Installeer de module

5) Voeg inhoud toe voor de nodes.

6) Maak een node aan, type Drag view, en geniet... Belangrijk. Als je ingelogd bent als beheerder kan je niet behoorlijk de presentatie zien. Dit heeft te maken met het beheerdersthema. Bekijk het in een andere browser of log uit.