xprojects-de / alpdesk-parallax

Parallax for Contao
MIT License
1 stars 1 forks source link

Bildgröße wird nicht respektiert? #30

Open Shoekrates opened 1 year ago

Shoekrates commented 1 year ago

Hallo! Wenn ich im Artikel eine vordefinierte Bildgröße mit unterschiedlichen VOrgaben für bestimmte Bildschirmbreiten vorgebe, wird dies nicht in der Ausgabe respektiert. Es wird bei jeder Bildschirmgröße immer das jeweils größte Bild geladen, also quasi das Original. Es spielt keine Rolle, ob ich die Bildgröße über das Sizes-Attribut vorgebe, oder ob ich einzelne Größen vorgebe. Wie bekomme ich es hin, dass auf Mobilgeräten mit kleinen Bildschirmen keine Bilder mit 1920px Breite geladen werden?

xprojects-de commented 1 year ago

Hallo, derzeit ist es nicht möglich ein srcset zu definieren da das Image als CSS-Background gesetzt wird und nicht als HTML-Element. Das Bild wird schon über die ImageFactor geholt, aber dann halt als URL für CSS generiert. Falls du Vorschläge oder IDeen hast gerne :-) Grüße

Shoekrates commented 1 year ago

Hallo, danke fürs Feedback – ich habe es mir schon fast gedacht. Fixe Idee: eine technisch etwas unsaubere Lösung ginge über einen eigenen Style-Block mit Media Queries, der direkt zum Markup des Artikels gesetzt wird. Der CSS-Selektor ginge dann auf eine individuell gesetzte ID des Artikels. Terminal 42 hat das Auslesen der in der Bildgröße definierten Media Queries etwas versteckt in ihrer Seitenbild-Erweiterung realisiert: https://github.com/terminal42/contao-pageimage/blob/main/contao/templates/mod_pageimage_background.html5

xprojects-de commented 1 year ago

ja das wäre eine Möglichkeit! Schaue ich mir im neuen Jahr mal an! Danke

EDIT: @Shoekrates Bzw. gerne auch einen PullRequest machen :-)