.pc_contents {display:block;} .mo_contents {display:none;} @media screen and (max-width: 800px) { .pc_contents {display:none;} .mo_contents {display:block;} .mo_contents_detail, .mo_contents img {width:100%;} /*.swiper-container { margin-bottom:5%;}*/ .swiper-pagination-bullet {background: #000;} .swiper-pagination-bullet-active {background: #FF5722;} .swiper-wrapper {margin-bottom: 10%;} .mo_header {margin-bottom: 10%;} } $(function () { function swipe_con_mo3() { var swipe_con_mo3Swipter = new Swiper('.swiper-container', { simulateTouch: false, autoHeight: false, loop: false, autoplay: false, spaceBetween: 10, slidesPerView: 'auto', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.swiper-pagination', clickable: true, } }); swiperThumbs(swipe_con_mo3Swipter, { scope: '.swiper-container', element: 'swiper-thumbnails' }); $('.tab_menu button').on('click touchsrat', function () { if ($(this).closest('.swiper-container').hasClass('active')) { $(this).closest('.swiper-container').removeClass('active'); swipe_con_mo3Swipter.autoplay.start(); } else { $(this).closest('.swiper-container').addClass('active'); swipe_con_mo3Swipter.autoplay.stop(); } }); $(document).on('click touchend', '.swiper-thumbnails button, .swiper-container', function () { if ($('.swiper-container').addClass('active')) { swipe_con_mo3Swipter.autoplay.stop(); } }); } swipe_con_mo3(); });