Afbeeldingsstijlen

Moeilijkheidsgraad

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.

Drupal8_001517.png

We beginnen met de stijlen te bekijken... en er eentje bij te maken. Als je vierkant wilt, moet je schalen en bijsnijden. Schalen zorgt er voor dat er één afmeting wordt toegepast. De andere is flexibel en zorgt dat de afbeelding niet vervormt. Als je een vierkant wilt moet je dus bijsnijden.


Drupal8_001518.png

De instelling:


Drupal8_001519.png

De mogelijkheden. Desaturatie kan bvb zwart-wit afbeeldingen maken.
Drupal8_001520.png

De responsive afbeeldingen zijn wat complexer. Er zitten er 2 standaard in: Narrow en Wide.


Drupal8_001521.png

Je ziet dat de structuur gebaseerd is op CSS, waarbij de breedte van het venster wordt gedetecteerd. Test maar eens uit..


Drupal8_001522.png