https://moreimages.net/wp-content/plugins/before-after-image-comparison-slider-for-elementor/assets/js/main.js

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 before_text = $scope.find('.before_text').text();
10			var after_text = $scope.find('.after_text').text();
11			$scope.find('.wb_ebais_twentytwenty_container').twentytwenty({
12				'before_label' : before_text,
13				'after_label'  : after_text
14			});
15		});
16	});
17
18	jQuery(window).on('scroll', function() {
19		jQuery('.wb_ebais_twentytwenty_container').each(function(){
20			if (jQuery(this).wbebaic_isInViewport()) {
21				jQuery(window).trigger('resize');
22			}
23		});
24	});
25})(jQuery);
26
27jQuery.fn.wbebaic_isInViewport = function() {
28  var elementTop = jQuery(this).offset().top;
29  var elementBottom = elementTop + jQuery(this).outerHeight();
30
31  var viewportTop = jQuery(window).scrollTop();
32  var viewportBottom = viewportTop + jQuery(window).height();
33
34  return elementBottom > viewportTop && elementTop < viewportBottom;
35};