https://csajozunk.hu/js/custom.js

1$(document).ready(function() {
2
3     /*--------------------------
4     ScrollUp
5    ---------------------------- */
6    $.scrollUp({
7        scrollText: '<i class="fa fa-angle-up"></i>',
8        easingType: 'linear',
9        scrollSpeed: 900,
10        animation: 'fade'
11    });
12            
13        /* ==================================================
14            Hero Slider Carousel
15         ===============================================*/
16		
17         $('.hero-sldr').owlCarousel({
18            loop: true,
19            nav: true,
20            dots: false,
21            autoplay: true,
22			autoplayTimeout:9000,
23            items: 1,
24            navText: [
25                "<i class='ti-angle-left'></i>",
26                "<i class='ti-angle-right'></i>"
27            ],
28        });
29
30          // STICKY
31          $('.main-header').sticky({
32            topSpacing: 0,
33        });
34
35  /* ==================================================
36      Gallery Sec
37    ===============================================*/
38        
39   // filter functions
40   var $gallery = $(".gallery-wrapper");
41   var filterFns = {};
42   $gallery.isotope({
43     itemSelector: '.gallery-item',
44     masonry: {
45       columnWidth: 0,
46     }
47   });
48
49   // bind filter button click
50   $('ul.filter').on('click', 'li', function () {
51     $('ul.filter li').removeClass('active');
52     $(this).addClass('active');
53     var filterValue = $(this).attr('data-filter');
54     // use filterFn if matches value
55     filterValue = filterFns[filterValue] || filterValue;
56     $gallery.isotope({
57       filter: filterValue
58     });
59      });
60
61      // Image Popup
62    $('.img-link').magnificPopup({
63     type:'image',
64          gallery: {
65           enabled: true
66        }
67         });
68
69         /* ==================================================
70            Testimonial Slider
71         ===============================================*/
72		
73         $('.rev-sldr').owlCarousel({
74            loop: true,
75            margin:30,
76            nav: false,
77            navText: [
78                "<i class='icofont-long-arrow-left'></i>",
79                "<i class='icofont-long-arrow-right'></i>"
80            ],
81            dots: true,
82            autoplay: true,
83            responsive: {
84                0: {
85                    items: 1
86                },
87                768: {
88                    items: 2
89                },
90                992: {
91                    items: 2
92                }
93            }
94        });
95        
96       /* ==================================================
97            Slick Nav
98         ===============================================*/
99		
100        $('#menu').slicknav({
101            prependTo:".main-header .main-menu",
102            closeOnClick: true,
103        });
104
105    
106	    /* counter */
107	    $('.counter').counterUp({
108	    	delay: 10,
109	    	time: 1000
110	    });
111        
112        // data - background
113	    $("[data-background]").each(function () {
114		$(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
115	    })
116
117    });