https://heli-group.co.il/wp-content/themes/sogo-child/js/section-before-after.js?ver=1790866520

1(function ($) {
2    'use strict';
3    $(document).ready(function () {
4
5        /**
6         * generate before & after slider action
7         */
8        var move_slide = $('.move-slide');
9        var slider_width = $('.before-after-images img').width();
10        $('.after').css({
11            'clip': 'rect(0px ' + slider_width / 2 + 'px 800px 0px)'
12        });
13
14        $('.move-slide ').css('width', slider_width + "px");
15        $('.move-slide .ui-slider-handle').css('left', (slider_width / 2) + "px");
16        $.each(move_slide, function () {
17            $(this).slider({
18                value: slider_width / 2,
19                min: 0,
20                max: slider_width,
21                slide: function (event, ui) {
22                    console.log(ui);
23                    var offsetLeft = ui.value;
24                    $('.slick-current .after').css({
25                        'clip': 'rect(0px ' + offsetLeft + 'px 800px 0px)'
26                    });
27
28                    //   ( ui.value );
29                }
30            });
31        });
32
33        $(window).load(function () {
34            //before after slick
35            $('#js-before-after-slider').slick({
36                infinite: true,
37                rtl: true,
38                slidesToShow: 1,
39                slidesToScroll: 1,
40                draggable: false,
41                touchMove: false,
42                arrows: true,
43                nextArrow: '<span class="slick-arrow slick-arrow-2 slick-next icon icon-arrowright color-6 icon-x5"></span>',
44                prevArrow: '<span class="slick-arrow slick-arrow-2 slick-prev icon icon-arrowleft color-6 icon-x5"></span>',
45                dots: false,
46                responsive: [
47                    {
48                        breakpoint: 992,
49                        settings: {
50                            arrows: false,
51                            dots: true
52                        }
53                    }
54                ]
55            });
56
57            //show all slides of main slider
58           // $('.section-before-after').css('display', 'block');
59        });
60
61
62    });
63})(jQuery);
64
65!function (a) {
66    function f(a, b) {
67        if (!(a.originalEvent.touches.length > 1)) {
68            a.preventDefault();
69            var c = a.originalEvent.changedTouches[0], d = document.createEvent("MouseEvents");
70            d.initMouseEvent(b, !0, !0, window, 1, c.screenX, c.screenY, c.clientX, c.clientY, !1, !1, !1, !1, 0, null), a.target.dispatchEvent(d)
71        }
72    }
73
74    if (a.support.touch = "ontouchend" in document, a.support.touch) {
75        var e, b = a.ui.mouse.prototype, c = b._mouseInit, d = b._mouseDestroy;
76        b._touchStart = function (a) {
77            var b = this;
78            !e && b._mouseCapture(a.originalEvent.changedTouches[0]) && (e = !0, b._touchMoved = !1, f(a, "mouseover"), f(a, "mousemove"), f(a, "mousedown"))
79        }, b._touchMove = function (a) {
80            e && (this._touchMoved = !0, f(a, "mousemove"))
81        }, b._touchEnd = function (a) {
82            e && (f(a, "mouseup"), f(a, "mouseout"), this._touchMoved || f(a, "click"), e = !1)
83        }, b._mouseInit = function () {
84            var b = this;
85            b.element.bind({
86                touchstart: a.proxy(b, "_touchStart"),
87                touchmove: a.proxy(b, "_touchMove"),
88                touchend: a.proxy(b, "_touchEnd")
89            }), c.call(b)
90        }, b._mouseDestroy = function () {
91            var b = this;
92            b.element.unbind({
93                touchstart: a.proxy(b, "_touchStart"),
94                touchmove: a.proxy(b, "_touchMove"),
95                touchend: a.proxy(b, "_touchEnd")
96            }), d.call(b)
97        }
98    }
99
100
101}(jQuery);