Nutzbar ab: Version Veröffentlichungsdatum: 25. Februar 2016 Änderungsdatum: 05. Mai 2023 css css-only weblics bildergalerie galerie CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen
Kantine verfügbar, mit welchem sich Essen einer Kantine bzw. Mensa buchen lassen. 13 September BASE für Version 18: Bildergalerie 1.0.106: Über die CSS-Only Einstellung -w-option-resolutionFromPDF:300; lässt sich die Auflösung von Bildern
verfügbar, mit welchem sich Essen einer Kantine bzw. Mensa buchen lassen. 13.09.2023 16:26 BASE für Version 18: Bildergalerie 1.0.106: Über die CSS-Only Einstellung -w-option-resolutionFromPDF:300; lässt sich die Auflösung von Bildern
Nutzbar ab: Version Veröffentlichungsdatum: 27. Oktober 2015 Änderungsdatum: 04. November 2021 weblication liste bildergalerie jquery plugin isotope mauerwerk kategorienfilter kategorien-filter Unterschiedliche Möglichkeiten, um Bildergalerien
nicht automatisch zum Artikel Bildergalerien manuell sortieren
beim Einsatz von Blätterlisten Veröffentlichungsdatum: 21. Oktober 2015 Änderungsdatum: 19. Januar 2022 liste bildergalerie pagination blätterliste cache Listen mit Pagination (Seitennummerierung) sollten ab einer gewissen Anzahl mit Bedacht
können Sie auf Platzhalter zurückgreifen. Auf diese Weise können Sie eine Weblication® CMS Liste (z.B. Bildergalerie) gleich mit den entsprechenden Pfaden zum Bildverzeichnis setzen. Beispiel: Dateivorlage für eine neue Bildergalerie
Beschreibung Einsatzgebiet FÜR BANNER: [slideHorizontal|slideFromRight| fadeIn|overlapFromRight|overlapFromTop] FÜR BILDERGALERIE: [collage|carouselhorizontal|ticker| scrollhorizontal|slideFromRight| slidevertical|overlapFromRight|
Laufrichtung durchlaufender Galerien gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert für die Bildergalerie-Variante 43 die Laufrichtung von links nach rechts (ltr) .listPictureGallery_var43 .listEntriesPreview .listEntry { /*
Ausdrücken ersetzen/löschen Beispiel 8: Mit regulären Ausdrücken mehrere wd:object Tags ausfindig machen Beispiel 9: Bildergalerie 1.x auf Weblic-Version 2.x anpassen Beispiel 10: Fehlerhafte Dokumentenerweiterung anpassen Beispiel 11: Jahreszahlen
um den Link zur ausgelesenen Datei gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Ergänzt in der Bildergalerie-Variante 53 den Download-Link zur ausgelesenen Datei .listPictureGallery_var53 .listEntriesPreview .listEntry { /* ...
die Dateigröße der ausgelesenen Datei gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Ergänzt in der Bildergalerie-Variante 53 die Dateigröße zur ausgelesenen Datei .listPictureGallery_var53 .listEntriesPreview .listEntry { /* ...
soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Beschreibung zu einem Bild der Bildergalerie-Variante 2 hinzugefügt wird .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-adddescription:
genutzt werden soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert zur Bildergalerie-Variante 2 die Nutzung der Fancybox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ;
Bildtitel in der Lightbox angezeigt wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert zur Bildergalerie-Variante 2 die Ausgabe des Bildtitels in der Lightbox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ...
angezeigt werden 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
Beispiele / Anwendungsfälle Beispiel 1: Setzt die Hintergrundfarbe für das zu generierende Vorschaubild in Bildergalerie-Variante 999 .listPictureGallery_var999 .listEntries .listEntryImage { /* ... */ ; -w-picture-background-color:
einen Listeneintrag im Vorschaubereich gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert zur Bildergalerie-Variante 41 das onclick-Ereignis für einen Listeneintrag im Vorschaubereich .listPictureGallery_var41
Listeneintrages gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Setzt das aktuell ausgewählte Bild der Bildergalerie-Variante Karussell (var11) mittig .listPictureGallery_var11 .listEntries { /* ... */ ; -w-entryselected: middle} Zu
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Darstellungsart der Vorschaubilder' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-picturepreviewmode: yes; /* ... */ }
/ Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Seitenverhältnis der Vorschaubilder' zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-picturepreviewaspectratio: yes; /* ... */ }
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Darstellungsart der Großbilder' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-picturemode: yes; /* ... */ } Listenoptionen
/ Anwendungsfälle Beispiel 1: Deaktiviert die Auswahlbox zur Auswahl 'HD Versionen der Bilder generieren' zur Bildergalerie-Variante 32 .listPictureGallery_var32 { /* ... */ ; -w-editmaskExtended-picturecreatehd: no; /* ... */ } Listenoptionen
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Seitenverhältnis' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-pictureaspectratio: yes; /* ... */ }
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'blätterbare Seiten' zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-limitpages: yes; /* ... */ } Listenoptionen
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Bilder pro Zeile' zur Bildergalerie-Variante 2 .listPictureGallery_var2 { /* ... */ ; -w-editmaskExtended-entriespreviewperrow: yes; /* ... */ }
gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Zoomfaktor' zur Bildergalerie-Variante 23 .listPictureGallery_var23 { /* ... */ ; -w-editmaskExtended-animationzoom: yes; /* ... */ } Listenoptionen
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 .listEntryImage {
mit Punkt getrennt (z.B. 1.8) gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert für die Bildergalerie-Variante 23 den Zoomfaktor des Bildes in Großansicht .listPictureGallery_var23 .listEntries .listEntry { /* ... */ ;
der Anpassung: Banner-Variante 40 (Bild, mehrspaltiger Teasesr unten) per Klick Beispiel: Auszug aus der design.css zur Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) /* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry {
3. Über das Bild-Element und Projekt-Funktionen Projekt-Basis BASE Classic Projekt-Basis BASE (Mobile First) 4. Über Bildergalerien Projekt-Basis BASE Classic Projekt-Basis BASE (Mobile First) 5. Über Listen Projekt-Basis BASE (Mobile First) Hinweise
Endung) eines Bildes (Umsetzung ohne data-Attribut) /* ... */ /* Anzeige des Dateinamens ohne Endung (z.B. CIMG0815.JPG) - (Bildergalerie Variante 0) */ .listPictureGallery_var0 .listEntries .listEntryTitle { display: block; -w-jquery: var urlPath = jQuery
Anwendungen zur Verfügung, die Sie bei Bedarf individuell anpassen können. Aktuell finden Sie zu Weblics® wie u.a. Bildergalerie Bild Inhaltsbox Inhaltsbereich Akkordeon-Container Inhaltscontainer mit Registerlaschen Liste Mehrspaltiger
wir, alle anderen Weblics® auch auf aktuellsten Stand 2.x zu bringen. Dies gilt vor allem für die Weblics® " Bild ", " Bildergalerie ", " Teaser, Banner, Slider ", " Liste " und " Formular ". Beachten Sie dabei, dass ggf. die Bildergalerie- bzw.
onclick-Event dem Element mit der Klasse listPictureGallery_var31 hinzugefügt, so dass sich die Vollbildansicht der Bildergalerie öffnet, sobald man diese anklickt. zu Beispiel 1: Über das Ereignis aufgerufene Funktion function
möglich jedem Bild eine eindeutige Bildbreiten-Id zuzuweisen. Abhängig von den ausgewählten CSS-Klassen wird in den Bildergalerien in der Regel für alle Bilder eine Bildbreiten-Id ermittelt. Grid-Layouts sind zum Beispiel Listen, bei der
/* ... */ } Weiterführende Links Einsatz von Isotope und Masonry für Bildergalerien Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und Weblics® ! BASE (Mobile
0 .listBannerSlider_var0 { /* ... */ ; -w-editmaskExtended-initdelay: yes; /* ... */ } Listenoptionen Bildergalerie - Animation verzögert starten Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
99 .listBannerSlider_var99 { /* ... */ ; -w-editmaskExtended-fadetime: yes; /* ... */ } Listenoptionen Bildergalerie - Automatisch wechseln (nach x Sekunden) Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
Strukturelemente können aber auch komplexe Funktionen beinhalten (beispielsweise eine Liste oder das Weblic Bildergalerie). Weitere Informationen zu Strukturelementen finden Sie hier: Der Struktureditor und XSL-Stylesheets für
wie Inhaltscontainer mit jQuery-Tab Funktion, konfigurierbare Leerzeilen etc. Komplexere Anwendungen wie eine Bildergalerie etc. Eine vollständige Auflistung aller Weblics finden Sie unter www.weblics.de oder über die Weblics-Verwaltung in
Weblics® 2.x gibt, die diese individuellen Elemente künftig überflüssig machen. Beachten Sie , daß ggf. die Bildergalerie- bzw. Teaser-/Banner-Elemente in den Seiten nochmals erneut eingebunden und gegen die bisherigen Elemente ersetzt werden
(z.B. Teaser-Banner, Teaser-Slider) search Definiert Suche-Listen. gallery.standard Definiert Bilder-Listen (z.B. Bildergalerien) Diese Typen können Sie individuell erweitern bzw. anpassen. Weiterführende Links So verwenden Sie ein eigenes Skript
Damit ist die Definition möglich: Wer darf welche CSS-Only Variante in Seite einfügen So legen Sie fest, dass z.B. Bildergalerien X nur Admins in den Editor einfügen können Zusätzlicher Cache Keine Verzögerung beim Speichern durch Bereinigung
für Veranstaltungen - dynamisch Filter für Veranstaltungen - statisch Nur Kommentierte Seiten Nur Seiten, die eine Bildergalerie enthalten Frei definierbarer Filter PHP Callback Funktion PRE, um z.B. eigene Filter zu realisieren PHP Callback
im Vordergrund. Standardmässig ist dies ohne abdunkeln des Hintergrundes umgesetzt. Wollen Sie - ähnlich bei diversen Bildergalerien - den Hintergrund verdunkeln, können Sie das direkt über die in der BASE mitgelieferte design.js beeinflussen. Tipp:
passende Weblics® gibt, die diese individuellen Elemente künftig überflüssig machen. Beachten Sie , daß ggf. die Bildergalerie- bzw. Teaser-/Banner-Elemente in den Seiten nochmals erneut eingebunden und gegen die bisherigen Elemente ersetzt werden
der Responsive Bilder Bilder werden als Einzelelemente, Vorschaubildern in Listen, Bannerbilder oder als Bildergalerien dargestellt. In allen Fällen setzt Weblication auf das HTML5 Picture-Tag, um bei Bedarf unterschiedliche Bildgrößen
die aktuellste Version des Weblics® beheben lässt. Dies gilt sowohl für Anwendungen wie den Veranstaltungskalender, Bildergalerie, wie auch das Bildelement, Liste Standard, etc. Die Weblics® Verwaltung zeigt Ihnen, ob Änderungen in einer Anwendung
02.03.2023 15:03 BASE für Version 17: Liste 1.0.135: Parameter zum Blättern lassen sich nun auch in Bannern und Bildergalerien festlegen. 02.03.2023 09:56 BASE für Version 17: Bedingter Inhaltscontainer für PHP 1.0.90: Bedingte PHP-Container