Volltextsuche
Mobile Performance durch neue Lazy Loading Funktionen
Nutzbar ab: Version Veröffentlichungsdatum: 09. April 2018 Änderungsdatum: 19. Februar 2021 weblication cms bilder lazy loading performance Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind. Während
Version 13: Mobile Performance durch neue Lazy Loading Funktionen
Loading Funktionen Veröffentlichungsdatum: 09. April 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind. Während dies bei schnellen
Lazy Loading in Listen
29. Juni 2013 Änderungsdatum: 19. Februar 2021 weblication cms lazy loading listen Listen unterstützen ab sofort Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Listen unterstützen ab sofort Lazy
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
08. August 2023 Projektgrundlage: BASE Das Weblic® Interaktive ImageMap unterstützt im Standard (Oktober 2022) Lazy Loading. Bilder, die in dem Erklärbild für die Marker als Vorschaubild definiert wurden, werden erst geladen wenn der
Lazy Loading in Listen
24. Oktober 2019 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Listen unterstützen bereits im Standard Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Besonders bei kleinen Bildschirmen in
-w-editmaskExtended-lazyload
default.wFilelist.php bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld zur Lazy Loading Einstellung von Bildern aus .listPictureGallery_var2 { -w-editmaskExtended-lazyload: no} Weiterführende Links
wImage::getDataUrlPlaceholder
height Höhe des Originalbildes Beispiel: Ermittelt eine Data-URL für den transparenten Platzhalter für Lazy loading Quelltext <?php $pathImage = "/baseAssets/img/bild-orange.jpg" ; $pictureWidth = "150" ; $pictureHeight =
Lazy Loading Funktion bei Bildern aktivieren / deaktivieren
08. August 2023 Projektgrundlage: BASE Für das Bild-Element ist in den CSS-Only-Varianten (z.B. Variante 0) die Lazy Loading Funktion in der Regel standardmässig aktiviert Um bei bestimmten Bildern ein anderes Verhalten zu erwirken,
Mobile First BASE: Responsive Bilder
(Bildschirmgrößenraster) HD-Bilder für optimale gestochen scharfe Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jeder
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 optimale
Listenausgabe über PHP im Listentemplate steuern
'variantClass' => 'listDefault', 'listDatasToOptions' => array('picture-createhd' => 'createHD', 'picture-lazyload' => 'lazyLoad', 'preview-picture-createhd' => 'createHD', 'preview-picture-lazyload' => 'lazyLoad')));
Änderungen in Weblication® CMS Core/GRID
008.000.367.000 06.11.2013 Neue Framework-Funktion wImage::getDataUrlPlaceholder verfügbar, um Platzhalter für Lazy loading bereitzustellen. 008.000.333.000 25.10.2013 Über $preVars['showOffline'] lässt sich die Anzeige von
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
kann individuell für das gewünschte Vorhaben abgeändert werden. Achten Sie beim Einsatz von Bildern, daß diese ohne lazyload umgesetzt sind und somit sofort geladen werden. Störer / Hinweis-Seite in Mobile First Einbindung über eine
Fullpage - Scrollverhalten von Sections mit langem Content
der Selektor, desto besser*/ normalScrollElements: '.fp-scrolloverflow .sectionInner > .elementBox:first-child', lazyLoading: false, afterLoad: function(anchorLink, index){ jQuery('html').attr('data-section-selected', index);
-w-subvariants
yes; -w-editmaskExtended-description: yes; -w-editmaskExtended-thumbnailmode: yes; -w-editmaskExtended-lazyload: yes; -w-editmaskExtended-title: yes; -w-editaskExtended-title: yes; -w-editmaskExtended-thumbnail: yes;
thumbnail
" cut= " " src= " /baseAssets/img/bild-gruen.jpg " width= " 120 " height= " 80 " additionalMinWidth= " " hd= " 1 " lazyLoad= " 1 " quality= " 90 " mode= " embed " alt= " Bild " colorspace= " " srcHover= " "/> ... Animierte Bilder (z.B. GIFs)
wPicture::createPicture
Wie embed mit Ausrichtung unten links force Die Größe wird angepasst und das Bild ggf. verzerrt loadMode [|lazy] Falls das Bild erst dann geleaden werden soll, wenn es sich im sichtbaren Bereich befindet sizeMode Größemodus Keine
Unterschiedliche Sortiermöglichkeiten für Listen
char.default "/> id= " layout " type= " char.default "> 0 id= " allowOrderParam " type= " char.default "/> id= " lazyLoad " type= " char.default "/> Weiterführende Links Online-Dokumentation: Listenbearbeitung Sortierung einer Liste über
Wasserzeichen / Copyright in Bilder setzen
" copyrightText= " © Mustermann AG " src= " {@path} " hd= " {/wFilelist/wData/data[@name='createHD']/text()} " lazyLoad= " {/wFilelist/wData/data[@name='lazyLoad']/text()} " width= " {//data[@name = 'pictureWidth']/text()} " height= "
BASE (Mobile First): Responsive Bilder
(Bildschirmgrößenraster) HD-Bilder für optimale gestochen scharfe Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jede
CSS-Only Referenz
Definiert, ob die Auswahlbox für das Layout im Bildelement angeboten wird -w-editmaskExtended-lazyload Zeigt das Auswahlfeld zur Lazy Loading Einstellung von Bildern an -w-editmaskExtended-levelheadline Definiert, ob die