event js

themes/custom/envigo/js/override.js

@@ -133,4 +133,89 @@
       var a = b.offset().top;
       $("html, body").animate({ scrollTop: a }, 700);
     });
+
+    // For Events
+
+    $('.rbc_slider_b').slick({
+                slidesToShow: 1,
+                slidesToScroll: 1,
+                arrows: false,
+                fade: true,
+                asNavFor: '.rbc_slider_s'
+            }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
+                var current = $(slick.$slides[currentSlide]);
+                current.html(current.html());
+            });
+
+
+
+            $('.rbc_slider_s').slick({
+                slidesToShow: 5,
+                slidesToScroll: 1,
+                asNavFor: '.rbc_slider_b',
+                dots: false,
+                focusOnSelect: true,
+                vertical: true,
+                verticalSwiping: true,
+                nextArrow: '<button class="arrowSlider leftArrow"><i class="fa fa-chevron-left" aria-hidden="true"></i><button>',
+                prevArrow: '<button class="arrowSlider rightArrow"><i class="fa fa-chevron-right" aria-hidden="true"></i><button>',
+                responsive: [{
+                    breakpoint: 767,
+                    settings: {
+                        vertical: false,
+                        verticalSwiping: false,
+                        slidesToShow: 3,
+                        slidesToScroll: 1,
+                    }
+                }]
+
+            });
+
+
+
+            $('.event_slider_b').slick({
+                slidesToShow: 1,
+                slidesToScroll: 1,
+                arrows: false,
+                fade: true,
+                asNavFor: '.event_slider_s'
+            }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
+                var current = $(slick.$slides[currentSlide]);
+                current.html(current.html());
+            });
+
+
+
+            $('.event_slider_s').slick({
+                slidesToShow: 4,
+                slidesToScroll: 1,
+                asNavFor: '.event_slider_b',
+                dots: false,
+                arrows:false,
+                focusOnSelect: true,
+                vertical: true,
+                verticalSwiping: true,
+                nextArrow: '<button class="arrowSlider leftArrow"><i class="fa fa-chevron-left" aria-hidden="true"></i><button>',
+                prevArrow: '<button class="arrowSlider rightArrow"><i class="fa fa-chevron-right" aria-hidden="true"></i><button>',
+                responsive: [{
+                    breakpoint: 767,
+                    settings: {
+                        vertical: false,
+                        verticalSwiping: false,
+                        slidesToShow: 2,
+                        slidesToScroll: 1,
+                    }
+                }]
+
+            });
+
+            // init Masonry
+            var $grid = $('.grid').masonry({
+                itemSelector: '.grid-item',
+                //columnWidth: 200
+            });
+            // layout Masonry after each image loads
+            $grid.imagesLoaded().progress(function() {
+                $grid.masonry('layout');
+            });
 })(jQuery);
\ No newline at end of file