Voorbeeldblokken voor foto’s
Hieronder vind je voorbeelden van hoe foto’s geïntegreerd kunnen worden in de bestaande blokken.
2 foto’s/video’s naast elkaar
2 foto’s naast elkaar worden telkens weergegeven in het formaat 306 x 518. Indien er een bredere foto/video wordt gebruikt, wordt telkens het middelste deel van de foto getoond.
De video is een korte mp4, geen animated gif.
1 foto
Indien er één foto wordt gebruikt, wordt deze momenteel ook in een smalle portret mode getoond.
Dit kan in development nog gewijzigd worden zodat één foto breder wordt weergegeven (even breed als de 2 foto’s samen). Indien dit wordt aangepast zal de foto het formaat 636 x 518 hebben. Ook hier kan een grotere foto worden gebruikt, maar het focus punt staat in het midden van de foto.
De foto wordt als achtergrond ingeladen
Deze foto wordt steeds verticaal schermvullend ingeladen. Het is dus aangewezen om hier een portret foto te gebruiken. Ook hier geldt het middelpunt als focus indien de foto breder zou zijn.
Let wel op, deze blok komt het best tot zijn recht indien er veel tekst aanwezig is zoals in dit voorbeeld.
Indien jullie deze block toch willen gebruiken met minder tekst, zullen we in development wat zaken moeten wijzigen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eros leo, luctus vel eleifend at, sagittis auctor nisl. Donec at maximus turpis. Donec aliquam ligula vel semper luctus. Integer id urna ut arcu lacinia feugiat. In lobortis aliquet diam, et aliquam ex cursus ac. Maecenas vitae vestibulum nulla. Nulla quis est risus. Aliquam cursus metus odio, eu aliquet elit lacinia et. Aenean eu dolor non mauris consequat aliquet a ut urna. Curabitur vel ullamcorper est, mattis vehicula nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan ultricies arcu quis laoreet. Nunc tristique sem ut libero lacinia interdum.
Sed quis dui ante. Donec posuere porttitor purus. Sed a venenatis velit. Suspendisse tempor at eros quis tincidunt. Nunc ipsum lorem, vehicula eget purus sed, lacinia laoreet quam. Sed nec risus laoreet, egestas dolor at, dapibus elit. Vivamus nec tempus quam, quis lacinia nibh. Donec sit amet diam eget metus aliquet gravida sed a enim. Vivamus hendrerit quis mauris eget pellentesque. Cras vel placerat ligula. Vivamus tincidunt convallis sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eros leo, luctus vel eleifend at, sagittis auctor nisl. Donec at maximus turpis. Donec aliquam ligula vel semper luctus. Integer id urna ut arcu lacinia feugiat. In lobortis aliquet diam, et aliquam ex cursus ac. Maecenas vitae vestibulum nulla. Nulla quis est risus. Aliquam cursus metus odio, eu aliquet elit lacinia et. Aenean eu dolor non mauris consequat aliquet a ut urna. Curabitur vel ullamcorper est, mattis vehicula nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan ultricies arcu quis laoreet. Nunc tristique sem ut libero lacinia interdum.