https://readspeaker.jp/wp_cms/wp-content/themes/readspeaker-theme_260915/js/partsDemo.js?1790935191&ver=1.2

1
2/**
3 * Demo セクションのための JS
4 * @used-by: /template-parts/demo.php
5 */
6(function () {
7let url = tmp_path.temp_uri;
8
9  // スライダーの初期化
10  $(".parts-demo-list")
11    .on("init afterChange", function () {
12      $(this).find('[aria-hidden="true"]').attr("inert", "");
13      $(this).find('[aria-hidden="false"]').removeAttr("inert");
14    })
15    .slick({
16      accessibility: false,
17      arrows: true,
18      dots: false,
19      autoplay: false,
20      slidesToShow: 3,
21      slidesToScroll: 3,
22      speed: 700,
23      prevArrow:
24        '<img src="' +
25        url +
26        '/images/common/slide-arrow-gray.svg" class="slide-arrow prev-arrow" alt="">',
27      nextArrow:
28        '<img src="' +
29        url +
30        '/images/common/slide-arrow-gray.svg" class="slide-arrow next-arrow" alt="">',
31      responsive: [
32        {
33          breakpoint: 1020, // 1020px以下のサイズに適用
34          settings: {
35            slidesToShow: 2,
36            slidesToScroll: 2,
37          },
38        },
39        {
40          breakpoint: 769, // 769px以下のサイズに適用
41          settings: {
42            arrows: false,
43            dots: true,
44            slidesToShow: 1,
45            centerMode: true,
46            centerPadding: "40px",
47          },
48        },
49      ],
50    });
51}());