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 Fenster
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
Hintergrund entsprechend ab. Umgesetzt ist dies seit ca. Februar/März 2014 in der BASE über die Weblication® eigene wLightbox -Funktion. Diese stellt eine von externen Fancybox-Plugins unabhängige Möglichkeit der Lightbox / Fancybox Umsetzung
die Lightbox-Variante "boxGallery". Die Einstellungen der Variante werden in der design.js definiert. Auszug design.js wLightboxVariants [ 'boxGallery' ] = { class : 'imageFull' , /*[eigenerWert|imageFull|image] - CSS-Klasse die der Lightbox zugewiesen wird
Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.
wenn in der Lightbox ein Anmeldeformular ausgefüllt wird etc. Beim Initalisieren der Lightbox wird auf das div-Element .wLightboxBackground ein Event gelegt, dass die Lightbox schließt. Ist die Funktion wOnAfterInitLightbox im Javascript einer Seite
dieser die CSS-Klasse image2 zu. Beispiel: Auszug aus der design.js zur Definition der Lightbox-Variante boxPicture2 wLightboxVariants['boxPicture2'] = {'class' : 'image2', 'scrollIfToHeight' : false, 'limitSizeIfPicture' : true}; Schritt 3: Darstellung
Lightbox: Individuelle Inhalte in Lightbox anzeigen (data-lightboxtype=inline)
/*HTML-String der eingefügt werden soll*/ }; jQuery('a[data-lightboxtype=inline]').wLightbox(options); }, false); } Hinweis: Funktion für gesamtes Projekt festlegen Möchten Sie diese Funktion innerhalb des
box; -w-option-linkPostfix: 'viewmode=blank&linkback=no'; // Link in der Lightbox mit der Variante Card öffnen (.wLightbox-card) -w-option-linkTarget: boxCard; -w-option-linkPostfix: 'viewmode=blank&linkback=no'; Umgesetzt in einer
mit blank-Dokument /* ... */ /* Setzt zu den Listeneinträgen den Cursor und per onclick die Fancybox/wLightbox Funktionalität */ .listDefault_var0 .listEntry { cursor: pointer; -w-jquery: jQuery (this) .attr ('onclick', '')