var ww = $(window).width(); $(function () { if(ww <= 767){ maga_slide(); $(window).resize(function(){ maga_slide(); }) $(window).resize(); } }) function maga_slide() { var maga_IndexLength = $('.guide_tab .swiper-container li').length; var slideLength; if (ww > 1204) { slideLength =5; }else if(ww > 768){ slideLength =3; }else{ slideLength =2; } if (maga_IndexLength > slideLength) { try { var businessIndexSwiper = new Swiper('.guide_tab .swiper-container', { slidesPerView: slideLength, speed: 300, loop: false, onFirstInit: function (swiper) { $('.guide_tab .swiper-button-next').addClass('on'); }, onSlideNext: function (swiper) { if ($('.guide_tab li').eq(maga_IndexLength - slideLength).hasClass('swiper-slide-active')) { $('.guide_tab .swiper-button-next').removeClass('on'); } $('.guide_tab .swiper-button-prev').addClass('on'); }, onSlidePrev: function (swiper) { if ($('.guide_tab li').eq(0).hasClass('swiper-slide-active')) { $('.guide_tab .swiper-button-prev').removeClass('on'); } $('.guide_tab .swiper-button-next').addClass('on'); } }) $('.guide_tab .swiper-button-prev').on('click', function (e) { e.preventDefault() businessIndexSwiper.swipePrev() }) $('.guide_tab .swiper-button-next').on('click', function (e) { e.preventDefault() businessIndexSwiper.swipeNext() }) } catch (e) { } } }