Volltextsuche
wThumbnail::createThumbnail
path, Integer width, Integer height, String mode, Array options) Parameter path Pfad des Orginalbildes, aus dem das Vorschaubild generiert werden soll width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes
wPDF::createThumbnail
angegeben ist, wird jpg genutzt) useTrimBox [|true] Falls der Rahmen beschnitten werden soll Beispiel: Erstellt ein Vorschaubild einer PDF Datei Quelltext <?php // In den Systemeinstellungen ist der "Pfad zu Ghostscript" anzugeben (z.B.:
Dateitypen für Vorschaubilder umwandeln
Vorschaubilder umwandeln 20. August 2009 thumbnails vorschaubilder png gif jpg umwandeln konvertieren dateiendung Ein Vorschaubild kann auch eine andere Dateiendung als das Orginalbild haben. Wenn Sie z.B. alle Bilder als PNG oder JPG pflegen,
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
Änderungsdatum: 28. Juli 2022 debug debuggen ausgabe listen navigationen css picture rendering bildgrössenanpassung vorschaubilder thumbnails Einblenden von Debug-Informationen für einen Administrator zu unterschiedlichen Funktionen. Weblication®
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht Veröffentlichungsdatum: 08. März 2023
Banner: Vorschaubilder auf Banner anzeigen
Banner anzeigen Veröffentlichungsdatum: 15. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Um Vorschaubilder innerhalb des Banners zu verwenden, genügt es, die Listenerweiterung listEntryExtensionThumbnailAsPicture einzubinden
wRepository::deleteThumbnailsDir
des Verzeichnisses keepPicturedatas [|true] Falls die Metadaten nicht gelöscht werden sollen Beispiel: Löscht die Vorschaubilder des angegebenen Verzeichnisses Quelltext <?php wRepository :: deleteThumbnailsDir ( '/default-wAssets/img/demo' );
Bedeutung der Mode-Einstellungen für die Generierung von Vorschaubildern
die Generierung von Vorschaubildern Veröffentlichungsdatum: 11. Mai 2010 Änderungsdatum: 04. April 2023 thumbnail vorschaubild modus mode default crop force embed Dieser Artikel beschreibt, was die einzelnen Modus-Einstellungen zur Erstellung von
-w-editmaskExtended-picturepreviewmode
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' Darstellungsart der Vorschaubilder ' angeboten wird album.wFilelist.php gallery.wFilelist.php galleryTeaser.wFilelist.php Beispiele / Anwendungsfälle
-w-editmaskExtended-picturepreviewaspectratio
Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' Seitenverhältnis der Vorschaubilder ' angeboten wird album.wFilelist.php gallery.wFilelist.php galleryTeaser.wFilelist.php Beispiele / Anwendungsfälle
So setzen Sie ein Limit für die Originalgrösse von Vorschaubildern
von Vorschaubildern Nutzbar ab: Version Veröffentlichungsdatum: 27. April 2010 Änderungsdatum: 26. August 2014 wConf vorschaubild thumbnail dateiexplorer fileexplorer maxPictureSize Dieser Artikel beschreibt, wie Sie eine Beschränkung der
-w-editmaskExtended-thumbnailmode
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Auswahlfeld zur Definition des Modus der Vorschaubilder an (crop, default, embed) default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld zur
So setzen Sie Vorlagen mit Vorschaubild, Überschrift und Beschreibung um
mit Vorschaubild, Überschrift und Beschreibung um 18. November 2009 vorschau template vorlage bild beschreibung Nützliche
Neuer Modus "embed" zum Erstellen von Vorschaubildern
Modus "embed" zum Erstellen von Vorschaubildern 10. August 2009 thumbnail vorschaubild embed modus Der Modus "embed" erstellt ein Bild, dass immer die angegebene
thumbnail
Über dieses WSL-Tag wird ein Bild auf die gewünschte Große angepasst. Es wird nicht nur zur Erstellung von Vorschaubildern (Thumbnails) verwendet, sondern generell überall dort, wo Bilder skaliert werden sollen. Die Skalierung der Bilder
wThumbnail
path, Integer width, Integer height, String mode, Array options) getPathOrig Ermittelt den Originalpfad eines Vorschaubildes String getPathOrig(String pathThumbnail) getPathThumbnail Ermittelt den Pfad eines Vorschaubildes String
-w-editmaskExtended-thumbnail
Mögliche Werte Beschreibung Einsatzgebiet no|yes Definiert, ob die Auswahl zur Anzeige von Vorschaubildern der Untervariante angezeigt wird. default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl
-w-picture-background-color
Mögliche Werte Beschreibung Einsatzgebiet [Hex Farbwert] Setzt die Hintergrundfarbe für das zu generierende Vorschaubild default.wFilelist.php gallery.wFilelist.php Ab CMS-Version 11.x unterstützt auch die default.wFilelist.php diese
wThumbnail::getPathThumbnail
path, Integer width, Integer height, String mode) Parameter path Pfad des Orginalbildes, aus dem das Vorschaubild generiert werden soll width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes
wThumbnail::getPathOrig
den Originalpfad eines Vorschaubildes Funktionsaufruf String getPathOrig(String pathThumbnail) Parameter path Pfad des Vorschaubildes Beispiel: Ermittelt den Originalpfad eines Vorschaubildes Quelltext <?php $pathThumbnail =
-w-editmaskExtended-thumbnailswidth
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Eingabefeld zur Definition der Vorschaubildbreite an default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Eingabefeld zur Definition der
-w-picture-srchover
Vorschaubilder beim Mouseover in Farbe default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Gibt das Vorschaubild der Liste beim Mouseover in Farbe aus (wenn Vorschaubild in Graustufen definiert) .listDefault_var60
So passen Sie die Listenübersicht einer Weblication® Liste an
Weblication® Liste an Veröffentlichungsdatum: 16. Juni 2010 Änderungsdatum: 14. Oktober 2010 liste zeilentemplate vorschaubild thumbnail mehr weiter anpassen ändern Dieser Artikel beschreibt, wie Sie auf Grundlage einer Weblication® Liste aus
Animierte Gif Bilder in Listen nutzen
in Listen nutzen Nutzbar ab: Version 22. Juli 2015 wconf bilder gif animierte animiertes animation liste thumbnail vorschaubild Um mehr Aufmerksamkeit durch animierte Bilder zu bestimmten Listeneinträgen zu erreichen, sind animierte Bilder eine
WebP-Bilder nutzen
2023 webp bilder generieren vorschaubilder thumbnails htaccess Um aus JPG / JPEG / PNG Bilder automatisiert WebP-Bilder innerhalb der Webseiten zu nutzen, sind
-w-showEditbuttonsPreview
soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert zur Bildergalerie-Variante 2, daß die Vorschaubilder mit einer Schaltfläche für die Bearbeitung versehen werden .listPictureGallery_var2 { -w-showEditbuttonsPreview: yes;
Uploadereignis abhängig von der Bildgröße nutzen
bild jpg gif thumbnail vorschaubild grösse breite Über Verzeichnisereignisse können beim Hochladen von Dateien z.B. Aktionen zum Verkleinern von
-w-picture-colorspace
den Graustufen Farbraum für Vorschaubilder default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Gibt das Vorschaubild der Liste in Graustufen aus .listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-colorspace: gray; /* ... */
Lazy Loading in Listen
wenn diese sich im Anzeigebereich befinden. Besonders bei kleinen Bildschirmen in Verbindung mit langen Listen, die Vorschaubilder enthalten, lässt sich die übertragene Datenmenge so teilweise deutlich reduzieren. Beim Einsatz von HD-Bildern,
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
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 Benutzer den zugehörigen Button aktiviert. Lazy Loading lädt die
-w-create-hd
HD-Qualität generiert werden soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview
-w-picture-mode
galleryTeaser.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Setzt den Darstellungsmodus des Vorschaubildes der Listeneinträge auf crop .listDefault_var0 .listEntryThumbnail { -w-picture-mode: crop;...} Weiterführende Links
-w-display
aus dem Ergebnisbaum der Seite. Universell Beispiele / Anwendungsfälle Beispiel 1: Löscht das Element mit dem Vorschaubild aus dem Ergebnisbaum .listDefault_var2 .listEntryThumbnail { -w-display: none} Wichtige Hinweise Die Seite muss
documentData
ermittelt werden. title - Seitentitel description - Beschreibung keywords - Schlüsselwörter thumbnail - Pfad des Vorschaubildes navpointPath - Pfad des Navigationspunktes navpointId - Id des Navigationspunktes robotsValue - Einstellungen der Seite
Copyright Angabe für Bilder umsetzen
auf dem Bild" (var72) verfügbar (siehe vorheriges Beispiel). Copyright-Angabe in Listen Auch in Listen können Sie zu Vorschaubildern oder zu Bildern einer Bildergalerie einen Copyright-Text setzen. Dies definieren Sie über die entsprechende
-w-add-objectdata
(type=js,text=E-Mail) } /* ... */ Beispiel 2: Fügt in der Listen-Variante 999 dem Element mit der Klasse listEntry das Vorschaubild hinzu und verschiebt es an die erste Position /* ... */ .listDefault_var999 .listEntryThumbnailExt { float: left;
WebP-Unterstützung für hochoptimierte Bilder
CMS Serverinformationen auslesen können. WebP für das Bild-Element Webp für Hintergrundbilder Webp für Vorschaubilder in Listen Webp für PNG-Bilder Weiterführende Links WebP für das Bild-Element Um in bestehenden BASE (Mobile First)
Anpassen einer Bildergalerie Variante über CSS-Only
benannt) nur die zu ändernden Zeilen. Das Großbild wird also mit -w-display:none ausgeblendet und dafür für die Vorschaubilder die Klasse wglFancybox hinzugefügt. Über die allgemeine CSS-ID für die Variante wird zudem über -w-usefancybox:yes
Objektwizard - Listeneintrag des Objektes
CSS': 1:'Nur Anzeigen, wenn nicht leer': Objektdaten als HTML bzw. nur HTML Info-Text / Weitere Beispiele Vorschaubild Link Container Bedingter Container für Objektdaten Listenerweiterung einbinden Objekt-Wizard: Listeneintrag des
CSS-Only Referenz
wird -w-editmaskExtended-picturepreviewaspectratio Definiert, ob die Auswahlbox für die Auswahl 'Seitenverhältnis der Vorschaubilder' angeboten wird -w-editmaskExtended-picturepreviewmode Definiert, ob die Auswahlbox für die Auswahl 'Darstellungsart
Änderungen in Weblication® CMS Core/GRID
sich über das Panel direkt erreichen. 008.000.118.000 14.08.2013 Über previewStyle lässt sich die Darstellung eines Vorschaubildes im Editor anpassen. Reguläre Ausdrücke zum Validieren von Eingabefeldern im Editor können über den Modifikator /i
Änderungen in Weblication® CMS Core/GRID
nun auch die Angabe der Auflösung in DPI, also z.B. wPDF::createThumbnail($path, 300), um so hochauflösende Vorschaubilder generieren zu können. 015.005.028.000 25.11.2020 Die PHP-Framework Funktion wEnv::setCookieValue unterstützt nun auch
So kann man im Listentemplate die Darstellung abhängig von der aktuellen Inhaltsgruppe definieren
Liste die Anzeige entsprechend der Inhaltsgruppe definieren, in der die Liste aufgerufen wird. So lässt sich z.B. ein Vorschaubild im Inhaltsbereich (content1) anders ausgeben als in der Liste, die z.B. im rechten Bereich (content2) ausgegeben wird.
Bild für Facebookeintrag über Like-Button
von Facebook definierte Open Graph Konzept. Bedienen Sie sich dazu den Mitteln von Weblication® CMS, um z.B. das als Vorschaubild (Thumbnail) hinterlegte Bild der entsprechenden Seite zu verwenden. Schon in der BASE Classic ist dies über das
Bildergalerie: Hintergrundfarbe eingebetteter Bilder festlegen
bei transparenten Bildern */ /* ... */ -w-option-preview-picture-backgroundColor: ''; /* Hintergrundfarbe Vorschaubild bei transparenten Bildern */ /* ... */ } /* ... */ Nach der Anpassung Bildergalerie-Variante 0 Hintergrundfarbe
wImage::resize
path Pfad des Bildes pathDest Zielpfad des Bildes (diese Angabe ist optional) width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes mode Darstellungsmodus [default|embed|crop|] default Das Bild wird so
Objekt-Wizard - Pflegemaske des Objektes
übernehmen Dieses Weblic® / Strukturelement ermöglicht die Übernahme bestimmter Metadaten (Titel, Beschreibung, Vorschaubild) in die Objektdaten (z.B. Metadaten Titel in $titl e (also Objekt-Datenfeld mit der id="title" ). Pflegetag für
Datumsanzeige als Kalenderblatt über CSS-Only
Datum installieren Sie die CSS-Only-Untervariante 80 " Als Kalender " aus. Setzen Sie dann am besten die Anzeige des Vorschaubildes auf "Nicht anzeigen". Die Liste erscheint dann mit Kalenderblatt als Datumsanzeige. Speichern Sie die Seite ab, um die
Alternierende Listen umsetzen
ist die Umsetzung rein über CSS (CSS-Only) und den Pseudo-Selektor nth-child . Im nachfolgenden Beispiel wird dem Vorschaubild innerhalb jedes li -Tags über nth-child(odd) für alle ungeraden Einträge ein float:right mitgegeben. Andere
Listenerweiterungen
Listenerweiterungen angeboten: Kategorien als Filter anzeigen Kategorien als Text anzeigen Kategorien als Icon anzeigen Vorschaubild Button, um auf Facebook zu teilen Button, um auf Twitter zu teilen Button, um auf Google+ zu teilen Youtube Video