Maak je site visueel aantrekkelijk

Maak je site aantrekkelijk. Gebruik CSS en Javascript. Zorg voor slideshows of andere bewegende items.

We werken 2 voorbeelden uit. 

1) Diba Carousel (zie boven)

2) We gaan een overzicht aantrekkelijk maken met code geleverd door: https://tympanus.net/codrops/2013/06/18/caption-hover-effects/ Herschrijf je view zodanig dat deze code toepasbaar wordt. Bekijk het voorbeeld

3) Een andere view maakt gebruik van het flip effect beschreven op: https://www.ostraining.com/blog/coding/jquery-flip/ Ik heb dit geïntegreerd in deze view én ook een verschillende flip gebruikt al naar gelang de rij even of oneven is.
Deze flip werkt ook prima op small devices. Enkel IE toont wel de info, maar flipt niet. Bekijk het voorbeeld

4) Fotocollage in een node: https://project.freewebsite.be/reisfotos/onze-reis-naar-schotland. Volledig uitgewerkte bespreking: https://drupal8.support/nl/bespreking/maak-zelf-een-fotocollage

5) Fotocollage in een view: https://project.freewebsite.be/fotocollage. Handleiding zie 4

6) Responsive collage met afbeeldingen en slideshows: https://iov.freewebsite.be/

7) Achtergrondafbeeldingen

zie https://project.freewebsite.be/achtergrondafbeeldingen