Customizing lightbox

Hi Victoria

Many thanks for your answer.
In the file avia-snippet-lightbox.js I see the definition of the function avia_activate_lightbox(variables). With the parameter variables I think there is a possibility to adjust the default values of the lightbox. But I’m not sure how to adjust the function call by the template so that I can set the parameter variables with my own values.

Thanks

Hi

I was able to add SVG support using Monkey Patching. In my JS file with the code for my child-theme I overwrite the elements to which the lightbox is applied with the following code:

let avia_activate_lightbox_orig = $.fn.avia_activate_lightbox;
$.fn.avia_activate_lightbox = function() {
	avia_activate_lightbox_orig.apply(this, [{
		autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=svg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href*=".svg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
	}]);
};

Maybe it’ll help somebody else.