https://htzfm.com/wp-content/themes/whiteoakstation-htzfm/js/custom-slick.js?v=1808&ver=6680199468881

1jQuery(document).ready(function () {
2  const postSlider = jQuery(".home-banner-slide-main");
3  function initializeSlider() {
4    postSlider.each(function () {
5      const $this = jQuery(this);
6      const postSlide = $this.children(".home-banner-slide").length;
7      if (window.matchMedia("(max-width: 1023px)").matches) {
8        if (!$this.hasClass("slick-initialized")) {
9          $this.slick({
10            slidesToShow: 1,
11            slidesToScroll: 1,
12            draggable: true,
13            swipeToSlide: true,
14            touchThreshold: 100,
15            speed: 1000,
16            dots: true,
17            arrows: true,
18            adaptiveHeight: true,
19            infinite: true,
20            variableWidth: true,
21            prevArrow:
22              '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
23            nextArrow:
24              '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>',
25            responsive: [
26              {
27                breakpoint: 413,
28                settings: {
29                  variableWidth: false,
30                },
31              },
32            ],
33          });
34        }
35      } else {
36        if (postSlide >= 6 && !$this.hasClass("slick-initialized")) {
37          $this.slick({
38            slidesToShow: 1,
39            slidesToScroll: 1,
40            draggable: true,
41            swipeToSlide: true,
42            touchThreshold: 100,
43            speed: 1000,
44            dots: true,
45            arrows: true,
46            adaptiveHeight: true,
47            infinite: true,
48            variableWidth: true,
49            prevArrow:
50              '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
51            nextArrow:
52              '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>',
53            responsive: [
54              {
55                breakpoint: 413,
56                settings: {
57                  variableWidth: false,
58                },
59              },
60            ],
61          });
62        }
63      }
64    });
65  }
66  function destroySlider() {
67    postSlider.each(function () {
68      const $this = jQuery(this);
69      if (
70        jQuery(window).width() >= 1024 &&
71        $this.hasClass("slick-initialized")
72      ) {
73        $this.slick("unslick");
74      }
75    });
76  }
77  // Initial call
78  initializeSlider();
79  jQuery(window).on("resize", function () {
80    destroySlider();
81    initializeSlider();
82  });
83
84  /* home banner Slider */
85  // jQuery(".home-banner-slide-main").slick({
86  //   slidesToShow: 1,
87  //   slidesToScroll: 1,
88  //   draggable: true,
89  //   swipeToSlide: true,
90  //   touchThreshold: 100,
91  //   speed: 1000,
92  //   dots: true,
93  //   arrows: true,
94  //   adaptiveHeight: true,
95  //   infinite: true,
96  //   variableWidth: true,
97  //   prevArrow:
98  //     '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
99  //   nextArrow:
100  //     '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>',
101  //   responsive: [
102  //     {
103  //       breakpoint: 413,
104  //       settings: {
105  //         variableWidth: false,
106  //       },
107  //     },
108  //   ],
109  // });
110
111  /* Featured News */
112  if (jQuery(window).width() <= 767) {
113    const fnlist =  jQuery(".fn-lists");
114    if(fnlist.length>0){
115
116      fnlist.slick({
117      slidesToShow: 1,
118      slidesToScroll: 1,
119      dots: true,
120      arrows: true,
121      variableWidth: true,
122      draggable: true,
123      touchThreshold: 200,
124      swipeToSlide: true,
125      adaptiveHeight: true,
126      prevArrow:
127        '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
128      nextArrow:
129        '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"><i class="fa-solid fa-circle-chevron-right"></i></div>',
130    });

131  }
132  }
133
134  /* home banner Slider */
135  // jQuery(".feature-podcasts-slide-main").slick({
136  //   slidesToShow: 5,
137  //   slidesToScroll: 5,
138  //   draggable: true,
139  //   swipeToSlide: true,
140  //   touchThreshold: 100,
141  //   speed: 1000,
142  //   dots: false,
143  //   arrows: true,
144  //   adaptiveHeight: true,
145  //   infinite: false,
146  //   variableWidth: true,
147  //   prevArrow:
148  //     '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
149  //   nextArrow:
150  //     '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"> Load More Audio<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.4772 17.5228 2 12 2C6.47715 2 2 6.4772 2 12ZM13.3 15.9998C13.3 15.2818 12.7179 14.6998 12 14.6998C11.282 14.6998 10.7 15.2818 10.7 15.9998C10.7 16.7178 11.282 17.2998 12 17.2998C12.7179 17.2998 13.3 16.7178 13.3 15.9998ZM13.3 7.9998C13.3 7.2818 12.7179 6.6998 12 6.6998C11.282 6.6998 10.7 7.2818 10.7 7.9998C10.7 8.7178 11.282 9.2998 12 9.2998C12.7179 9.2998 13.3 8.7178 13.3 7.9998ZM13.3 11.9998C13.3 11.2818 12.7179 10.6998 12 10.6998C11.282 10.6998 10.7 11.2818 10.7 11.9998C10.7 12.7178 11.282 13.2998 12 13.2998C12.7179 13.2998 13.3 12.7178 13.3 11.9998Z" fill="#F1F1F1"/> </svg></div>',
151  //   responsive: [
152  //     {
153  //       breakpoint: 413,
154  //       settings: {
155  //         variableWidth: false,
156  //       },
157  //     },
158  //   ],
159  // });
160
161  function initOrDestroyPodcastSlider() {
162    const $slider = jQuery(".feature-podcasts-slide-main");
163    const isMobile = window.matchMedia("(max-width: 767px)").matches;
164
165    if (isMobile) {
166      if ($slider.hasClass("slick-initialized")) {
167        $slider.slick("unslick");
168      }
169    } else {
170      if (!$slider.hasClass("slick-initialized")) {
171        $slider.slick({
172          slidesToShow: 5,
173          slidesToScroll: 5,
174          draggable: true,
175          swipeToSlide: true,
176          touchThreshold: 100,
177          speed: 1000,
178          dots: false,
179          arrows: true,
180          adaptiveHeight: true,
181          infinite: false,
182          variableWidth: true,
183          prevArrow:
184            '<div class="slick-arrow slick-prev flex flex-center" aria-label="Previous Arrow" role="button"><i class="fa-solid fa-circle-chevron-left"></i></div>',
185          nextArrow:
186            '<div class="slick-arrow slick-next flex flex-center" aria-label="Next Arrow" role="button"> Load More Audio<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.5229 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.4772 17.5228 2 12 2C6.47715 2 2 6.4772 2 12ZM13.3 15.9998C13.3 15.2818 12.7179 14.6998 12 14.6998C11.282 14.6998 10.7 15.2818 10.7 15.9998C10.7 16.7178 11.282 17.2998 12 17.2998C12.7179 17.2998 13.3 16.7178 13.3 15.9998ZM13.3 7.9998C13.3 7.2818 12.7179 6.6998 12 6.6998C11.282 6.6998 10.7 7.2818 10.7 7.9998C10.7 8.7178 11.282 9.2998 12 9.2998C12.7179 9.2998 13.3 8.7178 13.3 7.9998ZM13.3 11.9998C13.3 11.2818 12.7179 10.6998 12 10.6998C11.282 10.6998 10.7 11.2818 10.7 11.9998C10.7 12.7178 11.282 13.2998 12 13.2998C12.7179 13.2998 13.3 12.7178 13.3 11.9998Z" fill="#F1F1F1"/> </svg></div>',
187          responsive: [
188            {
189              breakpoint: 1023,
190              settings: {
191                slidesToShow: 3,
192                slidesToScroll: 1,
193              },
194            },
195            {
196              breakpoint: 767,
197              settings: {
198                slidesToShow: 1,
199                slidesToScroll: 1,
200              },
201            },
202          ],
203        });
204      }
205    }
206    $slider.on("afterChange", function (event, slick, currentSlide) {
207      let slidesToShow = slick.options.slidesToShow;
208      let totalSlides = slick.slideCount;
209      let visibleSlideIndex = currentSlide + slidesToShow;
210
211      console.log(
212        "visibleSlideIndex:",
213        visibleSlideIndex,
214        "totalSlides:",
215        totalSlides
216      );
217
218      // Hide Load More when last slide is visible
219      if (visibleSlideIndex >= totalSlides) {
220        jQuery(".slick-next")
221          .removeClass("slick-disabled")
222          .attr("aria-disabled", false)
223          .css({
224            display: "none",
225          });
226      } else {
227        jQuery(".slick-next").show(); // or fadeIn()
228      }
229
230      // Hide prev if on first
231      if (currentSlide === 0) {
232        jQuery(".slick-prev").hide();
233      } else {
234        jQuery(".slick-prev").show();
235      }
236    });

237  }
238
239  // On page load
240  jQuery(document).ready(function () {
241    initOrDestroyPodcastSlider();
242
243    // On resize
244    jQuery(window).on("resize", function () {
245      initOrDestroyPodcastSlider();
246    });
247  });
248});