//readyEvent //Functions $(function(){ var $wrp_slider = $('.wrp_slider'); //ラップ var $counter = $('.txt_count'); //カウント var $btn = $wrp_slider.find('.tmp_slider_arr .btn') //ボタン; if($('.tmp_slider').length) { $('.tmp_slider').slick({ speed: 1000, fade: true, cssEase: 'linear', arrows: false, autoplaySpeed: 4000, slidesToShow: 1, slidesToScroll: 1, autoplay: true, infinite: true, lazyLoad: 'ondemand' }); } //カウンタ処理 $wrp_slider.each(function() { $(this).find('.txt_count').text('1 / ' + $(this).find('.slide').length); }); $wrp_slider.find('.box_slider').on('afterChange', function(slick, currentSlide){ $thisSlider = $(this), $thisSlider.parents('.wrp_slider').find('.txt_count').text($thisSlider.slick('slickCurrentSlide') + 1 + ' / ' + $thisSlider.find('.slide').length); }); //カスタムボタンクリックの動作 $btn.click(function () { var $thisBtn = $(this); var $thisSlider = $thisBtn.parents('.wrp_slider').find('.tmp_slider'), $thisCounter = $thisBtn.parents('.wrp_slider').find('.txt_count'); if($thisBtn.is('.prev')) { $thisSlider.slick('slickPrev'); } else if($thisBtn.hasClass('next')) { $thisSlider.slick('slickNext'); } if($thisCounter.length) { $thisSlider.on('afterChange', function(slick, currentSlide){ $thisCounter.text($thisSlider.slick('slickCurrentSlide') + 1 + ' / ' + $thisSlider.find('.slide').length); }); } }); //カスタムボタンクリックの動作 $('.btn_sig_arr .btn').click(function () { var $thisBtn = $(this); var $thisSlider = $('#sighseeing_slider'); if($thisBtn.is('.prev')) { $thisSlider.slick('slickPrev'); } else if($thisBtn.hasClass('next')) { $thisSlider.slick('slickNext'); } }); if($('.tmp_wide_slider').length) { $('.tmp_wide_slider').slick({ speed: 1000, fade: true, cssEase: 'linear', arrows: false, dots: true, autoplaySpeed: 4000, slidesToShow: 1, slidesToScroll: 1, autoplay: true, infinite: true, lazyLoad: 'ondemand' }); } var $tab = $('#tab'), $li = $tab.find('li'); $li.click(function(){ var target = $(this).attr('data-target'); if($(target).is(':hidden')) { $(target).fadeIn(300).siblings().hide(); $(this).addClass('active').siblings().removeClass('active'); } }); var $tab = $('#tab'), $li = $tab.find('li'); $li.click(function(){ var target = $(this).attr('data-target'); if($(target).is(':hidden')) { $(target).fadeIn(300).siblings().hide(); $(this).addClass('active').siblings().removeClass('active'); } }); });