https://www.modernoworks.com/wp-content/plugins/before-after-image…//assets/js/main.js?ver=1.0.0

1'use strict';
2(function ($) {
3	jQuery(window).on('load',function(){
4		jQuery(window).trigger('resize');
5	});
6
7	jQuery(window).on('elementor/frontend/init', function(){
8		elementorFrontend.hooks.addAction('frontend/element_ready/wb-before-after-image-slider-elementor.default', function ($scope, $) {
9			var container_elem = $scope.find('.wb_ebais_twentytwenty_container');
10			var before_text = container_elem.data('before_text');
11			var after_text = container_elem.data('after_text');
12			var move_on_hover = container_elem.data('move_on_hover');
13			var click_to_move = container_elem.data('click_to_move');
14			var orientation = container_elem.data('orientation');
15			var default_offset = container_elem.data('offset');
16
17			$scope.find('.wb_ebais_twentytwenty_container').twentytwenty({
18				before_label : before_text,
19				after_label :after_text,
20				move_slider_on_hover : move_on_hover,
21				click_to_move : click_to_move,
22				orientation : orientation,
23				default_offset_pct : default_offset,
24			});
25
26			jQuery(window).trigger('resize');
27		});
28	});
29
30	jQuery(window).on('scroll', function() {
31		jQuery('.wb_ebais_twentytwenty_container').each(function(){
32			if (jQuery(this).wbebaic_isInViewport()) {
33				jQuery(window).trigger('resize');
34			}
35		});
36	});
37})(jQuery);
38
39jQuery.fn.wbebaic_isInViewport = function() {
40  var elementTop = jQuery(this).offset().top;
41  var elementBottom = elementTop + jQuery(this).outerHeight();
42
43  var viewportTop = jQuery(window).scrollTop();
44  var viewportBottom = viewportTop + jQuery(window).height();
45
46  return elementBottom > viewportTop && elementTop < viewportBottom;
47};