Ausgabe von verschiedenen Bildauflösungen für verschiedene Viewports über CaaS
Author: f_koenig
Publication Date: 9/22/2022 12:56
Hi,
hat jemand eine gute Idee wie man unter Verwendung der CaaS-API Informationen über die vom Frontend zu verwendenden Bildauflösungen bei verschiedenen Viewports übermittelt?
Bisher nutzen wir in unserem klassischen Projekt im HTML-Kanal einer Absatzvorlage ein Konstrukt wie dieses:
<picture>
<source media="(min-width: 1536px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextWide_1x")$">
<source media="(min-width: 1280px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextDesktop_1x")$">
<source media="(min-width: 1024px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextTabletLandscape_1x")$">
<source media="(min-width: 768px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextTabletPortrait_1x")$">
<source media="(min-width: 480px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextMobileLandscape_1x")$">
<source media="(min-width: 0px)" srcset="$CMS_REF(st_pictureBackground, res:"MediaTextMobilePortrait_1x")$">
...
</picture>
Über die CaaS-API bekommen wir nun ja die URLs sämtlicher Auflösungen des im Feld st_pictureBackground ausgewählten Bildes, aber keine weiteren Meta-Informationen zu den gewünschten Viewports.
Gibt es hier ein bewährtes Vorgehen wie man so etwas umsetzen kann?
Vielen Dank und viele Grüße
Fabian
Fabian
0
Please sign in to leave a comment.
Comments
0 comments