Volltextsuche
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
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
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
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
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
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
-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
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
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
Interessante Funktionen des Bild-Elementes in Weblication®
und Mobilgeräte (mindestens sichtbarer Bildausschnitt) Link und Linkziel (Gleiches Fenster, Neues Fenster, Lightbox, Lightbox Visitenkarte, Layer) Darstellung: Standard, Individuell, Mit Rahmen, Quadratisch, SVG-Grafik, SVG-Grafik
Linkbearbeitung | Weblication CMS Onlinedokumentation
Fenster Die verlinkte Datei wird je nach Browsereinstellung in einem neuen Browserfenster bzw. Browsertab geöffnet. Lightbox Die verlinkte Datei wird in einer Lightbox geöffnet. Weitere Auswahlmöglichkeiten können als CSS-Only-Variante
Bildbearbeitung Bild-Element | Weblication CMS Onlinedokumentation
weitere Informationen zum Bild ermöglicht. Diese Beschreibung kann ja nach Einbindung z.B. in Bildergalerien, bei Lightbox-Aufruf, etc. genutzt werden. 'Beschreibung des Bildes nutzen': Ist dieser Parameter aktiviert, wird die Beschreibung