https://blunavytraghetti.com/wp-content/themes/cosmo/assets/js/utils/my-splide.js?ver=1775745451

1jQuery(document).ready(function ($) {
2  //SPLIDE SLIDER
3  var splideSliders = []
4  // Foreach Splide, get its ID and mount the slider.
5  var global_slider_count = 0
6  $('.splide').each(function () {
7    if (!$(this).hasClass('splide-story')) {
8      global_slider_count++
9      var thisSplide = $(this)
10      if (!$(this).attr('id')) {
11        // If Splide has no ID, just add it a global unique id:
12        $(this).attr('id', 'slider-' + global_slider_count)
13      }
14      // Then, mount the slider:
15      splideSliders[$(this).attr('id')] = new Splide('#' + $(this).attr('id'))
16
17      if ($(this).attr('id') == 'main-slider') {
18        splideSliders['main-slider'].sync(splideSliders['thumbnail-slider'])
19      }
20
21      if ($(this).data('autoscroll')) {
22        splideSliders[$(this).attr('id')].mount(window.splide.Extensions)
23      } else {
24        splideSliders[$(this).attr('id')].mount()
25      }
26    }
27  })
28
29  if ($('.splide-story').length > 0) {
30    const splide = new Splide('.splide-story')
31
32    splide.on('pagination:mounted', function (data) {
33      // You can add your class to the UL element
34      data.list.classList.add('splide__pagination--custom')
35
36      const anni = []
37
38      $('.splide-story li h3').each(function () {
39        anni.push($(this).data('anno'))
40      })
41
42      // `items` contains all dot items
43      data.items.forEach(function (item, index) {
44        item.button.textContent = String(anni[index])
45      })
46    })
47
48    splide.mount()
49  }
50})