https://officelab-ka.com/wp/wp-content/themes/6121_officelab-ka.com/assets/js/p_case_single.js?20230719

1// slick
2$(function() {
3  $('#slick-main').slick({
4    asNavFor: '.slick-comb',
5    arrows: true,
6  });
7  $('#slick-modal').slick({
8    asNavFor: '.slick-comb',
9    arrows: true,
10  });
11  $('#slick-nav').slick({
12    asNavFor: '.slick-comb',
13    arrows: false,
14    slidesToShow: 6,
15    slidesToScroll: 1,
16    focusOnSelect: true,
17    infinite: false,
18    responsive: [{
19      breakpoint: 768,
20      settings: {
21        centerMode: true,
22        centerPadding: '20px',
23        slidesToShow: 3,
24        infinite: true,
25      }
26    }]
27  });
28
29  $('#slick-case').slick({
30    arrows: true,
31    centerMode: true,
32    centerPadding: '11%',
33    infinite: true,
34    slidesToShow: 3,
35    responsive: [{
36      breakpoint: 768,
37      settings: {
38        centerMode: false,
39        centerPadding: '0px',
40        slidesToShow: 1,
41      }
42    }]
43  });
44
45  // 拡大表示
46  $('.js_modal').click(function(e) {
47    $('.modal').toggleClass('_active');
48    $('body').toggleClass('_fixed');
49  });
50});