Volltextsuche
HD-Funktion in BASE-Projekten nachrüsten
nachrüsten Nutzbar ab: Version Veröffentlichungsdatum: 15. März 2016 Änderungsdatum: 31. März 2016 base projekt hd high-definition hochauflösende bilder Die neue HD-Funktion der aktuellen BASE können Sie auch in älteren
-w-editmaskExtended-picturecreatehd
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' HD Versionen der Bilder generieren ' angeboten wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1:
-w-create-hd
Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview .listEntryImage { -w-create-hd: yes; /*
Originalbilder ohne Größenanpassung in einer Bildergalerie anzeigen
Galerie angezeigt. Das kann z.B. bei der Auflistung von Logos, Icons oder Symbolen sinnvoll sein. Falls die Bilder in HD vorliegen, also doppelt so groß sind, kann -w-option-picture-sizeMode:original; verwendet werden. In dem Fall werden
Jedem Client sein Bild
Bild Veröffentlichungsdatum: 20. Dezember 2013 Änderungsdatum: 19. Februar 2021 weblication cms responsive images hd lazy Während der Redakteur nur ein Bild einpflegt, kümmert sich Weblication darum, dass jeder Client das für ihn
Navigation mit grafischen Buttons umsetzen
Variante 2: Bilder über Navigationsbearbeitung zuweisen Untervariante 1 zu Variante 2: Bild über WSL-Tag inkl. HD-Bild generieren Variante 3: Bilder über Navigationstext ansprechen Variante 4: Bilder über CSS als Hintergrundbild
thumbnail
muss der Wert auf no stehen String backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) [|1] hd Falls ein HD-Bild generiert werden soll String quality Falls die Qualität bei JPG-Bildern reduziert werden soll
BASE (Mobile First): Responsive Bilder
welche Bedeutung haben sie? Innerhalb des Thumbnail-Ordners liegen, für jeden Breakpoint und je nachdem ob webp oder hd eingestellt ist, alle Thumbnails. default.wPathes.php Diese Datei enthält die Schlüssel zu den jeweiligen Thumbnails.
wThumbnail::createThumbnail
werden darf, muss der Wert auf no stehen backgroundColor Falls die Hintergrundfarbe definiert werden soll (z.B. #fcfcfc) hd [|1] Falls ein HD-Bild generiert werden soll quality Falls die Qualität bei JPG-Bildern reduziert werden soll (0-100)
Änderungen in Weblication® CMS Core/GRID
Die PHP-Framwork Funktion wThumbnail::createThumbnail unterstützt nun auch die Option qualityHD, um die Qualität von HD-Bildern separat festzulegen. 012.005.038.000 26.10.2017 Aufgaben und Notizen, die mit Dateien verknüpft sind,
wPicture::createPicture
hochauflösend dargestellt. raw Das Originalbild wird ohne Generierung direkt eingebunden. createHD [|1] Falls ein HD-Bild generiert werden soll createWebp [|1] Falls ein WebP-Bild generiert werden soll quality Falls die Qualität bei
Cookies - Informationen zum Datenschutz
beim Seitenaufruf. wLoadHdFirst - Zugriff: Weblication® Dauer: Session Zweck: Falls aufgrund der Bildschirmauflösung HD-Bilder verwendet werden sollen. Hinweis: Dieses Cookie wird ggf. noch in älteren Projekten verwendet (über hd.js )
Lazy Loading in Listen
Vorschaubilder enthalten, lässt sich die übertragene Datenmenge so teilweise deutlich reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie
Lazy Loading in Listen
Vorschaubilder enthalten, lässt sich die übertragene Datenmenge so teilweise deutlich reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie
Mobile First BASE: Responsive Bilder
Funktionen und Merkmale der Mobile First Bilder sind: Optimale Bildgröße pro CSS-Breakpoint (Bildschirmgrößenraster) HD-Bilder für optimale gestochen scharfe Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu
CSS-Only Referenz
von Farbwerten angeboten wird -w-color-data Stellt Farbwerte für die Diagrammdarstellung zur Verfügung -w-create-hd Definiert, ob ein Bild in HD-Qualität generiert werden soll -w-date-format Setzt das Datumsformat -w-date-lang Setzt
Responsive Toggler-Navigation anpassen
!= '' and php:functionString('wVariables::getValue', 'images_hd_limit_dpr', $wGlobalProjectPath) != '2' "> hdLimitDpr=' select= " php:functionString('wVariables::getValue', 'images_hd_limit_dpr', $wGlobalProjectPath) " /> ';
Wasserzeichen / Copyright in Bilder setzen
... <!-- Bild --> class= " listEntryImage " copyrightText= " © Mustermann AG " src= " {@path} " hd= " {/wFilelist/wData/data[@name='createHD']/text()} " lazyLoad= " {/wFilelist/wData/data[@name='lazyLoad']/text()} " width=