https://www.proculturaaperta.it/wp-content/plugins/spice-blocks/as…/js/image-compare-custom.js?ver=4267290941

1const viewers = document.querySelectorAll('.icgb-compare-block');
2[...viewers].forEach((element) => {
3	const hover = JSON.parse(element.getAttribute('data-hover').toLowerCase());
4	const label = JSON.parse(element.getAttribute('data-label').toLowerCase());
5	const verticalMode = JSON.parse(
6		element.getAttribute('data-vertical').toLowerCase()
7	);
8	const lil = element.getAttribute('data-lil');
9	const ril = element.getAttribute('data-ril');
10
11	const options = {
12		controlColor: '#FFFFFF',
13		controlShadow: true,
14		addCircle: true,
15		addCircleBlur: false,
16
17		// Label Defaults
18		showLabels: label,
19		labelOptions: {
20			before: lil,
21			after: ril,
22			onHover: false,
23		},
24
25		// Smoothing
26		smoothing: true,
27		smoothingAmount: 100,
28
29		// Other options
30		hoverStart: hover,
31		verticalMode,
32		startingPoint: 50,
33		fluidMode: false,
34	};
35	new ImageCompare(element, options).mount();
36});