Honeycomb grid

De module is een integratie van de script op https://www.jqueryscript.net/layout/jQuery-Plugin-For-Responsive-Hexagon-Grid-Layout-Honeycombs.html. Ik heb die geïntegreerd in Drupal.

De module (=Honingraat rooster) geeft de afbeeldingen weer van een gekozen afbeeldingsveld van een inhoudstype naar wens. De Alt en Title van de afbeelding zorgt voor de tekst bij aanwijzen. Bij klikken op de afbeelding komt men op de node van de afbeelding terecht.

 

YouTube Fullscreen video

Je wilt op je site een fullscreen video tonen die vanuit YouTube afspeelt.. Je kunt dit doen met de Video Embed Field module, maar de module die ik gemaakt heb is simpeler als je een fullscreen wilt.

De module maakt een nieuw inhoudstype aan met de nodige velden. Je kunt een lus instellen en je kunt ook de stille modus instellen om geen geluid te laten afspelen. Sommige browsers hebben beperkingen in het automatisch afspelen van video's. Dit kan ik niet wijzigen natuurlijk. Als bezoeker krijg je dan een melding om akkoord te gaan.

Views PgwSlider

Met deze module kan je een view maken die de titels en afbeeldingen in een galerij weergeeft.

Responsive.


Je kiest een titel- en afbeeldingsveld. Zo kan je bepalen of de miniaturen links of rechts komen. Er is ook een slideshow mogelijk.


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. Tot hiertoe enkel in Drupal 7 beschikbaar. Dank zij Balint Csuthy (Pasqualle) is er nu op Github een Drupal 8 versie beschikbaar.

Je installeert het door de module te downloaden (zie link) en de zip te installeren. Via de composer instructies van de auteur kan je ook de third party installeren.

Flipping Gallery

Deze galerij werd oorspronkelijk gemaakt door [Pete R.](http://www.thepetedesign.com), Founder of [BucketListly](http://www.bucketlistly.com). Ik heb deze verwerkt in de Drupal 8 structuur.

Je kunt er meerdere afbeeldingen in en node mee presenteren op een mooie manier. Je kunt navigeren door klikken en scrollen (niet voor kleine schermen). Ik heb de galerij ook responsive gemaakt. Er werd een inhoudstype aangemaakt waar je afbeeldingen met hun Alt tekst kunt mee instellen. De Focal Point module kan je gebruiken om desnoods de focus te verleggen.

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:

Landschap

Portret

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. Nodes die met meerdere termen getagd zijn, komen in elk van de menulinks voor.

De afbeeldingen worden met hun alt getoond en linken naar een node of naar een colorbox voorstelling. Tevens kan je de kleur van de menubalk via een kleurveldje kiezen.

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.

Je kiest een inhoudstype en een afbeeldingsveld om de slideshow te voeden.


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. De afbeelding zelf dient als link naar de node. De miniaturen linken naar de overeenkomstige afbeelding. Als je een miniatuur aanwijst stopt de slideshow en kan je rustig de afbeelding bekijken.

Loading Effects for Grid Items

Masonry gecombineerd met een keuze van effecten bij het laden van de afbeeldingen. Mary Lou (Codrops) heeft dit gemaakt en ik heb dit grondig herwerkt in een Drupal 8 module en gebruiksvriendelijk gemaakt.

Je kunt instellen 

  • welk inhoudstype je gebruikt en welk afbeeldingsveld.
  • welk effect je wilt tijdens het laden