https://pocsjuditstudio.hu//templates/shaper_opus/js/addon.slider.js

1/**
2 * @package Helix3 Framework
3 * @author JoomShaper http://www.joomshaper.com
4 * @copyright Copyright (c) 2010 - 2018 JoomShaper
5 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
6 */
7
8//For react template
9jQuery(function ($) {
10    'use strict';
11    var observer = new MutationObserver(function (mutations) {
12        mutations.forEach(function (mutation) {
13            var newNodes = mutation.addedNodes;
14            if (newNodes !== null) {
15                var $nodes = $(newNodes);
16
17                $nodes.each(function () {
18                    var $node = $(this);
19                    $node.find('#slide-fullwidth').each(function () {
20                        var $slideFullwidth = $(this);
21
22                        // Autoplay
23                        var $autoplay = $slideFullwidth.attr('data-sppb-slide-ride');
24                        if ($autoplay == 'true') {
25                            var $autoplay = true;
26                        } else {
27                            var $autoplay = false
28                        }
29                        ;
30
31                        // controllers
32                        var $controllers = $slideFullwidth.attr('data-sppb-slidefull-controllers');
33                        if ($controllers == 'true') {
34                            var $controllers = true;
35                        } else {
36                            var $controllers = false
37                        }
38                        ;
39                        $slideFullwidth.owlCarousel({
40                            margin: 0,
41                            loop: true,
42                            video: true,
43                            autoplay: $autoplay,
44                            animateIn: 'fadeIn',
45                            animateOut: 'fadeOut',
46                            autoplayHoverPause: true,
47                            autoplaySpeed: 1500,
48                            responsive: {
49                                0: {
50                                    items: 1
51                                },
52                                600: {
53                                    items: 1
54                                },
55                                1000: {
56                                    items: 1
57                                }
58                            },
59                            dots: $controllers,
60                        });
61
62                        $('.sppbSlidePrev').click(function () {
63                            $slideFullwidth.trigger('prev.owl.carousel', [400]);
64                        });
65
66                        $('.sppbSlideNext').click(function () {
67                            $slideFullwidth.trigger('next.owl.carousel', [400]);
68                        });
69
70                    });
71                });
72            }
73        });
74    });
75
76    var config = {
77        childList: true,
78        subtree: true
79    };
80    // Pass in the target node, as well as the observer options
81    observer.observe(document.body, config);
82
83    //Parallax Effect
84    $(".sppb-slideshow-fullwidth-item.item").each(function() {
85      let parallax_wrap = $(this).get(0);
86      let parallax_effect = $(this).find(".slide-img-wrap").get(0);
87      let parallax = new Parallax(parallax_effect, {
88          hoverOnly: true,
89          relativeInput: true,
90          inputElement: parallax_wrap
91      });
92    });
93
94});
95