Volltextsuche
Lightbox: Individuelle Inhalte in Lightbox anzeigen (data-lightboxtype=inline)
Veröffentlichungsdatum: 03. März 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über den Lightbox-Type "inline" können Sie die Lightbox mit individuellen Informationen füllen. In folgendem Beispiel soll der
Listeneinträge in einer Lightbox öffnen
werden standardmäßig im gleichen Fenster geöffnet. Sie können aber auch in einem neuen Fenster oder in eine Lightbox geöffnet werden. Beim Öffnen in einer Lightbox kann es zudem notwendig sein den Ansichtsmodus zu ergänzen, damit nur
Lightbox in mobiler Ansicht deaktivieren
werden kann. Ob Bilder oder Links, es ist abhängig von der Bildschirmgröße nicht immer erwünscht, die Daten in der Lightbox zu öffnen. Durch das Attribut data-isinactivelightbox=1 ist es möglich das zu verhindern. Je nach Anwendungsfall,
JavaScript-Callback nach öffnen einer Lightbox
Veröffentlichungsdatum: 08. Februar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Nach dem Aufruf einer Lightbox kann eine eigene JavaScript Funktion als Callback genutzt werden, um individuelle Anpassungen durchzuführen. Damit der
Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.
dass die Lightbox onclick auf den Hintergrund geschlossen wird. Das ist zum Beispiel dann der Fall, wenn in der Lightbox ein Anmeldeformular ausgefüllt wird etc. Beim Initalisieren der Lightbox wird auf das div-Element .wLightboxBackground
Lightbox: Listenvariante boxGallery
13. Juli 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Wurde für eine Bildergalerie die Lightbox, über zum Beispiel -w-option-picture-lightbox:1; aktiviert, so gilt für deren Bilder in der Regel* die
Titel in Lightbox bei Bildern deaktivieren
08. August 2023 Projektgrundlage: BASE Wenn ein Bild einen Titel eingepflegt hat, wird dieser automatisch in einer Lightbox angezeigt. Dies lässt sich über die CSS-Only Eigenschaft -w-showTitle:no; im Bildelement bzw. auch zu einer
Lightbox-Darstellung beeinflussen
Veröffentlichungsdatum: 11. Februar 2019 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Darstellung der Lightbox beim Öffnen von Detailbildern lässt sich individuell beeinflussen. Am Beispiel der Bildergalerie-Variante 2
Shop: Bilder in Shop-Produkt Detailseite in Lightbox öffnen
Objekt-Einstellung zum Bild Über die Objekt CSS-Datei zum Shop Produkt können Sie einstellen, daß Bilder über eine Lightbox geöffnet werden sollen. Die Breite des Vorschaubildes können Sie bei Bedarf über das Objekt-Template der
Links / Querverweise über Lightbox
Veröffentlichungsdatum: 02. Januar 2017 Änderungsdatum: 11. Februar 2019 weblication cms link fancybox jquery lightbox wlightbox ziel öffnen Nutzen Sie die Möglichkeiten der Lightbox / Fancybox, um Links in einem individuell gestalteten
-w-showlightboxtitle
ab: Version 011.001.082.000 Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob der Bildtitel in der Lightbox angezeigt wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert zur Bildergalerie-Variante 2
wResponse::redirect
, $target ); ?> Beispiel: Formularziel bzw. Formulartarget, zum Beispiel bei einem Login-Formular, dass über eine Lightbox geöffnet wird, anpassen. Quelltext <?php // Auszug aus dem Login-Formular (Nach dem Absenden auszuführendes
Detailseiten in Listen per AJAX einbinden
2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Listeneinträge lassen sich als komplette Seite, in einer Lightbox oder auch direkt in der Liste selbst per AJAX laden. Über CSS-Only können Sie direkt in der Listenvariante
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
Weblication® eigene wLightbox -Funktion. Diese stellt eine von externen Fancybox-Plugins unabhängige Möglichkeit der Lightbox / Fancybox Umsetzung dar. Im Gegensatz zur Umsetzung über externe Plugins von jQuery / Fancybox müssen Sie die
Snippets
Weblication-Formulares mit dem Einsatz von Standard-Formular-Buttons manipulieren. Zum Snippet Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird. Das ist zum Beispiel dann der Fall, wenn in der Lightbox ein
Navigationen
// Attribut mit Selectbox und drei Werten (option): // (am Beispiel des Link-Zieles und Erweiterung um die Auswahl als Lightbox name= " target " editor= " selectbox " valueSelected= " " caption= " Ziel " en:caption= " Target " editable= " 1 "
Objekte über Banner Slider anzeigen
Listenvariante kann hier fest definiert werden*/ - w - displayElements : editbuttons = yes , editbuttonsPreview = no , lightbox = yes , background = no , prevnext = yes , entryofentries = no , entriesPreview = no , imagePreview = no , image = no ,
-w-add-classes
Beispiel 2: Fügt in der Listenvariante 3 dem Thumbnail-Element die CSS-Klasse wglFancybox (für Fancybox / Lightbox) hinzu /* ... */ .listDefault_var3 .listEntryThumbnail { -w-add-classes: wglFancybox; /* ... */ } Hinweis In manchen
wList::createListFromXML
Generiert eine Liste auf Basis einer XML-Zeichenkette
RSS: Weblication® Mobile First Changelogs
für Version 18: BASE JavaScript Dateien 1.0.187: ui.js: Youtube Short Videos können nun auch eingebettet in einem per Lightbox geöffneten Fenster genutzt werden 13.02.2024 14:23 BASE für Version 18: Inhaltsbox (mit weiteren Elementen
Copyright Angabe für Bilder umsetzen
Banner full page} */ .listBannerSlider_var100 { /* ... */ -w-displayElements:
Responsive Toggler-Navigation anpassen
hdLimitDpr=' select= " php:functionString('wVariables::getValue', 'images_hd_limit_dpr', $wGlobalProjectPath) " /> '; lightboxType=' select= " php:functionString('wVariables::getValue', 'lightbox_type', $wGlobalProjectPath) " /> '; ... ... 4)
Einsatz von Isotope Darstellungen für Bildergalerien
First) bietet bereits im Standard ab CMS-Version 16 mit der Listen-Variante 3601 ("Mauerwerk Bilder dreispaltig mit Lightbox") eine Darstellung rein über CSS. Beispiel 2: Bilderliste mit Einsatz des Isotope-Plugins Eine Bildergalerie im
RSS: Weblication® Mobile First Changelogs Version 17
im Akkordeon-Container 23.05.2023 14:37 BASE für Version 17: BASE JavaScript Dateien 1.0.106: ui.js: Optimierungen zur Lightbox beim Aufruf verlinkter Inhaltselemente (z.B. verlinkte Inhaltsbox) vorgenommen 09.05.2023 18:51 BASE für Version 17:
CSS-Only Referenz
eine Bearbeiten-Schaltfläche angezeigt werden soll -w-showlightboxtitle Definiert, ob der Bildtitel in der Lightbox angezeigt wird -w-subvariants Verknüpft die vordefinierten CSS-Only Untervarianten zu einer Hauptvariante (ab CMS 9.x
Änderungen in Weblication® CMS Core/GRID
verfügbar, um die class-Attribute zu löschen. 015.001.081.000 04.08.2020 Für Autolinks kann nun als Ziel auch eine Lightbox ausgewählt werden. 015.001.080.000 04.08.2020 Standard Mehrfacheingabefelder (editor="input" multiple="1")
Weblication® Entwicklerbereich
für Version 18: BASE JavaScript Dateien 1.0.187: ui.js: Youtube Short Videos können nun auch eingebettet in einem per Lightbox geöffneten Fenster genutzt werden 13 Februar BASE für Version 18: Inhaltsbox (mit weiteren Elementen befüllbar)