https://www.esparkinfo.com/wp-content/themes/esparkbiz/esparkbiz-s…/success_stories/script.js?ver=1790250751

1jQuery(document).ready(function ($) {
2    jQuery(".new-portfolio-section").each(function () {
3        var $section = jQuery(this);
4        var $slider = $section.find(".new_portfolio_slider");
5        $slider.on("init reInit afterChange", function (event, slick, currentSlide) {
6            var activeCount = $section.find('.slick-active').length;
7            var totalActive = (currentSlide ? currentSlide : 0) + activeCount;
8            $section.find(" #new-portfolio-slider-count").text(totalActive);
9        });
10        $slider.slick({
11            arrows: true,
12            infinite: false,
13            speed: 1000,
14            slidesToShow: 1,
15            slidesToScroll: 1,
16            adaptiveHeight: true,
17            prevArrow: $section.find(".new-portfolio-arrow-left"),
18            nextArrow: $section.find(".new-portfolio-arrow-right"),
19            responsive: [
20                {
21                    breakpoint: 1560,
22                    settings: {
23                        slidesToShow: 1,
24                        dots: false,
25                        arrows: true,
26                    },
27                },
28                {
29                    breakpoint: 1279.99,
30                    settings: {
31                        slidesToShow: 1,
32                        dots: true,
33                        arrows: false,
34                    },
35                },
36                {
37                    breakpoint: 767,
38                    settings: {
39                        slidesToShow: 1,
40                        dots: true,
41                        arrows: false,
42                    },
43                },
44            ],
45        });
46
47    });
48});
49jQuery(document).ready(function () {
50    var $slider = jQuery(".portfolio-wrapper-slider");
51
52    function setEqualHeight() {
53        var maxHeight = 0;
54
55        // Check if slider is in vertical mode
56        var isVertical = $slider.hasClass('slick-vertical');
57
58        // Reset heights
59        $slider.find(".portfolio-card").css('height', 'auto');
60
61        // If NOT vertical, do nothing (let Slick handle height)
62        if (!isVertical) {
63            var slick = $slider.slick("getSlick");
64            if (slick && slick.$list) {
65                slick.$list.css('height', 'auto');
66            }
67            return;
68        }
69
70        // Calculate max height only for vertical mode
71        $slider.find(".portfolio-card").each(function () {
72            var h = jQuery(this).outerHeight();
73            if (h > maxHeight) {
74                maxHeight = h;
75            }
76        });
77
78        // Apply max height
79        if (maxHeight > 0) {
80            $slider.find(".portfolio-card").css('height', maxHeight + 'px');
81
82            var slick = $slider.slick("getSlick");
83            if (slick && slick.$list) {
84                slick.$list.css('height', maxHeight + 'px');
85            }
86        }
87    }
88
89    var $section = jQuery(this);
90
91    $slider.on("init reInit afterChange", function (event, slick, currentSlide) {
92        var current = (currentSlide ? currentSlide : 0) + 1;
93        var total = slick.slideCount;
94
95        $section.find(".service_featured_sec #slider-count").text(current);
96        $section.find(".service_featured_sec .slider-count-total").text(total);
97    });
98
99    // Initialize Slick Slider
100    $slider.slick({
101        dots: false,
102        arrows: true,
103        infinite: false,
104        speed: 600,
105        slidesToShow: 1,
106        slidesToScroll: 1,
107        autoplay: true,
108        vertical: true, // default desktop
109        adaptiveHeight: false,
110        prevArrow: $section.find(".portfolio-arrow-left"),
111        nextArrow: $section.find(".portfolio-arrow-right"),
112        responsive: [
113            {
114                breakpoint: 1560,
115                settings: {
116                    slidesToShow: 2,
117                    dots: false,
118                    arrows: true,
119                },
120            },
121            {
122                breakpoint: 1279.99,
123                settings: {
124                    slidesToShow: 2,
125                    dots: true,
126                    arrows: false,
127                },
128            },
129            {
130                breakpoint: 991.99,
131                settings: {
132                    adaptiveHeight: false,
133                    vertical: false // switch to horizontal
134                }
135            },
136            {
137                breakpoint: 767,
138                settings: {
139                    slidesToShow: 1,
140                    dots: true,

141                    arrows: false,
142                    adaptiveHeight: false,
143                    vertical: false
144                },
145            },
146        ]
147    });
148
149    // Run after init
150    $slider.on("init", function () {
151        setEqualHeight();
152    });
153
154    // Recalculate on position change
155    $slider.on("setPosition", function () {
156        setEqualHeight();
157    });
158
159    // Recalculate on resize/load/orientation change
160    jQuery(window).on("load resize orientationchange", function () {
161        setEqualHeight();
162    });
163});
164
165
166
167// NEW ONE BELOW
168
169jQuery(document).ready(function ($) {
170    jQuery(".case_study_sec").each(function () {
171        var $section = jQuery(this);
172        var $slider = $section.find(".card_group_slider");
173        $slider.on("init reInit afterChange", function (event, slick, currentSlide) {
174            var activeCount = $section.find('.slick-active').length;
175            var totalActive = (currentSlide ? currentSlide : 0) + activeCount;
176            $section.find(" #case_study_slider-count").text(totalActive);
177        });
178        $slider.slick({
179            arrows: true,
180            infinite: false,
181            speed: 1000,
182            slidesToShow: 1,
183            slidesToScroll: 1,
184            adaptiveHeight: true,
185            prevArrow: $section.find(".case-study-arrow-left"),
186            nextArrow: $section.find(".case-study-arrow-right"),
187            responsive: [
188                {
189                    breakpoint: 1560,
190                    settings: {
191                        slidesToShow: 1,
192                        dots: false,
193                        arrows: true,
194                    },
195                },
196                {
197                    breakpoint: 1279.99,
198                    settings: {
199                        slidesToShow: 1,
200                        dots: true,
201                        arrows: false,
202                    },
203                },
204                {
205                    breakpoint: 767,
206                    settings: {
207                        slidesToShow: 1,
208                        dots: true,
209                        arrows: false,
210                    },
211                },
212            ],
213        });
214
215    });
216});