Nationale Holocaust Herdenking 26 jan 2025 [ANP].jpg

html picture tag with id

link to picture include This will just return a piece of HTML with a picture tag and sources, which may be included server side.

html picture tag with urn

It's also possible to just include the URN in the URL, so no need for parsing it client side.

link to picture include

image:picture tag

For java users there is also a 'taglib' in image-domain.jar

This could look like this in JSP:

<images:picture
       image="${metadata}"
       style="width: 80%; margin-left: 10%"
       class="foo"
       img.title="Override of the title"
       img.class="bar"
       data-test="some random data"
       img.data-test="more random data"
/>

In FTL this may look like so

[#assign images = JspTaglibs["https://github.com/npo-poms/poms-shared/tags/images"]]
[@images.picture image=model.imageMetata data-test="bla bla" /]

Which could result in:

include of picture endpoint

The beforementioned 'picture'-endpoints could be used in a server side include. We demonstrate in JSP again:

<jsp:include page="https://images.poms.omroep.nl/picture/${id}/${stylePath2}"/>