https://www.dilmahconservation.org/js/blog.js

1/* blog */
2jQuery(document).ready(function(){
3    
4//   jQuery('.archive-wrapper .archive-year').on('click', function(){
5//         if(!jQuery(this).hasClass('active')){
6//             jQuery('.archive-wrapper .archive-year').removeClass('active').children('.archive-month').slideUp();
7//             jQuery(this).addClass('active').children('.archive-month').slideDown();
8//         }
9//     });
10    
11//     jQuery('.archive-wrapper .archive-year:first-child').click();
12    
13    //Item Slider
14    $('.gallery-selected img').attr('src', $('.gallery-main .blog-image-gallery-item:first-child img').attr('src'));
15    
16    $('.gallery-main').slick({
17    infinite: true,
18    dots: false,
19    speed: 600,
20    cssEase: 'linear',
21    prevArrow: '<i class="fa fa-angle-left slick-prev" aria-hidden="true"></i>',
22    nextArrow: '<i class="fa fa-angle-right slick-next" aria-hidden="true"></i>',
23    slidesToShow: 2,
24    slidesToScroll: 2,
25    mobileFirst: true,  
26    responsive: [
27    {
28      breakpoint: 749,
29      settings: {
30        slidesToShow: 4,
31        slidesToScroll: 4
32    }
33}
34
35]
36});
37
38    // Item Slider Active Item
39    $('.gallery-main .blog-image-gallery-item').on('click', function() {
40	var imgSRC = $(this).find('img').attr('src'),
41			videoSRC = $(this).find('img').data('video');
42	
43	if(videoSRC === undefined) {
44			$('.gallery-selected').html('<img src="' + imgSRC + '" class="gallery-slide-item">');
45	} else {
46		$('.gallery-selected').html('<iframe src="' + videoSRC + '?autoplay=1&amp;rel=0" allowfullscreen="" width="974" height="548" frameborder="0" class="gallery-slide-item"></iframe>');
47	}
48});
49
50bannerSlider();
51
52subLinksActive($('.tags'));
53subLinksActive($('.archive'));
54subLinksActive($('.categories'));
55
56$('.blogs-news-and-events .component-item').each(function() {
57            var href= $(this).find('a').attr('href');
58
59            $(this).find('.image-wrapper').wrapInner('<a href="' + href + '"></a>');
60            $(this).find('h3').wrapInner('<a href="' + href + '"></a>')
61});
62
63$($('.footer-link-list a[href="https://www.dilmahtea.com/blog/"]').parent().addClass('active'));
64});
65
66//Banner Slider 
67function bannerSlider() {
68    $('.main-visual .top-banner.wrapper > ul').slick({
69        dots: false,
70        infinite: true,
71        speed: 1000,
72        fade: true,
73        slidesToShow: 1,
74        slidesToScroll: 1,
75        arrows: false,
76        autoplay: true,
77        autoplaySpeed: 4000
78    });
79    $('a.banner-next').click(function(evt) {
80        evt.preventDefault();
81        $('.main-visual .top-banner.wrapper > ul').slick('slickPrev');
82    });
83    $('a.banner-prev').click(function(evt) {
84        evt.preventDefault();
85        $('.main-visual .top-banner.wrapper > ul').slick('slickNext');
86    });
87    
88    if($('.main-visual .top-banner.wrapper > ul li').length == 1) {
89        $('.top-banner .btn-wrapper').removeClass('visible');
90    }
91}
92
93
94function subLinksActive(obj) {
95    var url = window.location.href;
96
97    obj.find('a[href="' + url + '"]').addClass('active');
98}