https://newscotland1398.ca/wp-content/plugins/beaf-before-and-after-gallery/assets/js/bafg-custom-js.js

1; (function ($) { 
2    'use strict';
3    $(window).on('load', function () { 
4        $(".bafg-twentytwenty-container").each(function () {
5            if ($(this).attr('bafg-move-slider-on-hover') == 'no') {
6                var moveSliderHover = false;
7            } else {
8                var moveSliderHover = true;
9            }
10
11            if ($(this).attr('bafg-overlay') == 'yes') {
12                var overlay = false;
13            } else {
14                var overlay = true;
15            }
16
17            if ($(this).attr('bafg-click-to-move') == 'no') {
18                var clickToMove = false;
19            } else {
20                var clickToMove = true;
21            }
22
23            $(this).twentytwenty({
24                orientation: $(this).attr('bafg-orientation'),
25                default_offset_pct: $(this).attr('bafg-default-offset'),
26                before_label: $(this).attr('bafg-before-label'),
27                after_label: $(this).attr('bafg-after-label'),
28                no_overlay: overlay,
29                move_slider_on_hover: moveSliderHover,
30                click_to_move: clickToMove
31            });
32
33            var beforeImageW = $(this).find('img.twentytwenty-before').width(); 
34            $(this).css('max-width', beforeImageW + 'px');
35
36            //Label OutSide
37            var bafgLabelOutside = $(this).data('label_outside');
38            var orientation = $(this).attr('bafg-orientation');
39            if (bafgLabelOutside == true && orientation == 'vertical') {
40                $('.bafg-outside-label-wrapper.twentytwenty-vertical .bafg-twentytwenty-container').css('margin', 50 + 'px' + ' auto');
41
42                $('.bafg-outside-label-wrapper.twentytwenty-vertical .twentytwenty-overlay>.twentytwenty-before-label').css('display', 'none');
43                $('.bafg-outside-label-wrapper.twentytwenty-vertical .twentytwenty-overlay .twentytwenty-after-label').css('display', 'none');
44            }
45
46        });
47        $(window).trigger("resize.twentytwenty");
48    });
49    
50    $(window).on('scroll', function () {
51        $(window).trigger("resize.twentytwenty");
52    });
53
54
55
56})(jQuery);