Responsive Banner Slider um additionalMinWidth ergänzt

02. Mär 2016

Der Banner Slider nutzt nun auch die CSS-Variable $responsiveImageMinWidth, über die Bildbreiten für kleine Auflösungen definiert werden können.

Der Banner Slider nutzt nun auch die CSS-Variable $responsiveImageMinWidth, über die Bildbreiten für kleine Auflösungen definiert werden können.

Die Breite des Minimalbildes wird in der design.css definiert und bereits seit längerem in normalen Bildern innerhalb der Seite genutzt. Im Listen-Template des Banner Sliders wir dieser nun über das Attribut additionalMinWidth übergeben und so vom Banner selbst berücksichtigt. 

Minimalbild auf 640 Pixel Breite definiert

$responsiveImageMinWidth:640px; /* Maximale Bildbreite bei minimaler Bildschirmbreite */
Die minimale Bildbreite für mobile Endgeräte wird nur berücksichtigt, falls im Banner Lazy Loading über "Bilder erst laden, wenn diese im Anzeigebereich sind" aktiviert ist.

Des Weiteren wurden die Mediaqueries im Slider Variante 99, also im Standardslider angepasst, so dass das Bannerbild immer vollständig sichtbar ist und die Texte skalieren.