https://na-nagaoka.jp/wordpress/wp-content/themes/nagaoka_theme-re…/assets/js/script.js?ver=2024072470636

1// mvスライダー
2$(function(){
3  $(".mv-slider").slick({
4    autoplay: true,
5    autoplaySpeed: 4000,
6    dots: true,
7    arrows: false,
8    vertical: true,
9  });
10});
11
12$('.mv-slide-image').slick({
13  slidesToShow: 1,
14  slidesToScroll: 1,
15  autoplay: true,
16  autoplaySpeed: 4000,
17  centerMode: true,
18  arrow: false,
19  dots: true,
20  variableWidth: true,
21  responsive: [
22    {
23      breakpoint: 768,
24      settings: {
25//        centerMode: false,
26        centerPadding: '20px',
27        variableWidth: false,
28      }
29    }
30  ]
31});
32
33// top-products-slider　PC
34$(function(){
35  $(".top-products-slider").slick({
36    autoplay: true, // 自動再生ON
37    dots: true, // ドットインジケーターON
38    centerMode: true, // 両サイドに前後のスライド表示
39    centerPadding: '40px', // 左右のスライドのpadding
40    slidesToShow: 5, // 一度に表示するスライド数
41  });
42});
43
44// --modal--
45// $(function() {
46  $('.js-modal-open').each(function() {
47    $(this).on('click', function() {
48      var target = $(this).data('target');
49      var modal = document.getElementById(target);
50      $(modal).fadeIn(300);
51      return false;
52    });
53  });
54  $('.js-modal-close').on('click', function() {
55    $('.js-modal').fadeOut(300);
56    return false;
57  });
58  $('.js-modal-change').each(function() {
59    $(this).on('click', function() {
60      $('.js-modal').fadeOut(0);
61      var target = $(this).data('target');
62      var modal = document.getElementById(target);
63      $(modal).fadeIn(0);
64      return false;
65    });
66  });    
67// });
68
69
70//ボタン画像切り替え
71$(function(){
72  $('.mouseover').each(function(){
73      var src_off = $(this).find('img').attr('src');
74      var src_on = src_off.replace('_off','_on');
75      $('<img />').attr('src',src_on);
76      $(this).hover(function(){
77          $(this).find('img').attr('src',src_on);
78      },function(){
79          $(this).find('img').attr('src',src_off);
80      });
81  });
82});
83
84
85//pagetop
86$(function() {
87  var pagetop = $('.scrolltop');
88
89  $(function() {
90    pagetop.hide();
91    $(window).scroll(function () {
92      if ($(this).scrollTop() > 800) {
93        pagetop.fadeIn();
94      } else {
95        pagetop.fadeOut();
96      }
97    });
98  });
99  pagetop.click(function () {
100    $('body, html').animate({ scrollTop: 0 }, 400);
101    return false;
102  });
103});
104
105  
106// -- toggle menu 地域ごとの記事　
107$(function(){
108  $("#area_toggle_btn_sp").on("click", function() {
109    $(this).toggleClass('_close');
110    $("#area_toggle_btn_pc").toggleClass('_close');
111    $('.area_list_all').slideToggle();
112  });
113});  
114 $(function(){
115  $("#area_toggle_btn_pc").on("click", function() {
116    $(this).toggleClass('_close');
117    $("#area_toggle_btn_sp").toggleClass('_close');
118    $('.area_list_all').slideToggle();
119  });
120}); 
121
122
123
124// sp_hamberger
125$(".spnav-openbtn").on('click', function () {
126  $(this).toggleClass('active');
127  $(".hdr__nav").toggleClass('active');
128});
129
130$(".hdr__nav a").on('click', function () {
131  $(".spnav-openbtn").removeClass('active');
132  $(".hdr__nav").removeClass('active');
133});
134
135
136// 検索
137$(".search-button ").on('click', function () {
138  // $("#header-search-form").submit();
139  $(this).parent().submit();
140});
141
142// ----------
143
144