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
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
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
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
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', '')
