afbeeldingen

Image Hotspots

Als je op een afbeelding gebieden als link wilt, dan is deze module ideaal.

Je selecteert het gebied en geeft de link een naam. Ook een tooltip kan je invoeren.

Screen000108.png

Als je als admin bent ingelogd dan kan je met de interface hotspots invoeren. Een bezoeker ziet enkel de links.

Screen000106.png

 

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.

Background rotate

Je wilt een achtergrond, maar die geregeld wijzigt volgens een tijdsinterval?

Selecteer de afbeeldingen en pas een CSS klasse toe.

Screen000052.png

Kies het interval. Jaar, maand, week, dag, uur, minuut, seconde.. Je kunt zelfs breekpunten invoegen om de stijl van de afbeelding te wijzigen.

Screen000053.png

Imagick

Deze module laat je toe een hele reeks andere effecten toe te voegen aan een afbeelding, zoals blur, spiegelen, ronde hoeken, ....

Installeer de module zoals gewoonlijk, maar de module gaat enkel werken wanneer de 'imagick php' extension actief staat op uw server. Je kan dit zelf doen, indien je toegang hebt tot uw server en de php instellingen.

Ga dan naar Instellingen -> Media - > Beeldverwerkingstoolkit en zet de Imagic image manipulation toolkit aan.

toolkit.png

Views Photo Grid

Naast Masonry en Waterfall heeft Views ook een ingebouwde Photo voorstelling.

Screen000018.png

Je kiest voor Photo Grid. Enkel één afbeeldingsveld mag aanwezig zijn.
Screen000019.png

Je kunt de padding tussen de afbeeldingen instellen.


Screen000020.png

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.

Drupal8_002856.png

Tablet (er is een stuk van de afbeelding weggesneden)

Drupal8_002857.png

Colorbox Zoom

Een Colorbox voorstelling waar je met de muis kunt inzoomen... Na activeren van de module krijgen alle voorstelling met de Colorbox deze mogelijkheid. Simpel, maar kan een nadeel zijn als je dit niet altijd wilt.

Links de gewone voorstelling. Rechts een inzoom van 1.5 X door er met de muis over te gaan.

Drupal8_002823.png

Of je wilt inzoomen met mouseover, klikken, slepen,.. je kunt het in het options.js bestand. Ook de zoomfactor kan je hier bepalen.

Pinterest Hover

Een simpele module om de Pinterest On Hover Pin It knop toe te voegen aan elke afbeelding op de site.

2017-06-12 21_30_59-Extend _ My Drupal.png

Er zijn geen instellingen nodig. Vanaf nu komt er een knop boven de afbeelding tijdens het hoveren.

2017-06-12 21_39_02-Microsoft Edge.png

Image Resize Filter

Een module die verplicht zou moeten zijn voor elke Drupal site. Als je met CKEditor een afbeelding verkleint, dan worden er geen pixels weggefilterd. De afbeelding blijft even groot qua bestandsgrootte. Deze module filtert de overbodige pixels weg. Ze behoudt de oorspronkelijke afbeelding, maar maakt er een kleinere bij. Ideaal om een pagina sneller te laden. Voor de SEO ook een meevaller.

Abonneer op afbeeldingen