좋아요
조회수
즐겨찾기
인쇄하기
여행지도
공유하기
지역별로 보는 여행재생목록 지도로 보기
지역별로 보는 여행재생목록 지도로 보기 팝업 닫기
지역별로 보는 여행재생목록 지도로 보기 팝업 오늘 하루 보지않기
본문 내용
.pc_con img {width:100%;} .swiper-thumbnails button{display:inline-block; width:19.5%;} .swiper-thumbnails button img {width: 100%; vertical-align: inherit !important;} .tab_menu .swiper-thumbnails button .img_on{display:none;} .tab_menu .swiper-thumbnails button.is-active img{display:none;} .tab_menu .swiper-thumbnails button.is-active .img_on{display:block;} .tab_menu {width:100%; text-align:center; margin-left:auto; margin-right:auto; } .swiper-button-prev {background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=f9acf644-4235-4a54-bbcd-eab3f03c30be&mode=raw') } .swiper-button-next {background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=8542b859-da56-4a99-b3b3-6e5e87d4f1ce&mode=raw') } .swiper-button-next, .swiper-button-prev { width: 30px; height: 30px; background-size: 30px 30px; box-shadow: 1px 1px 1px 1px grey; } .swiper-wrapper {padding-bottom:15%;} .swiper-pagination-bullet {width: 15px; height: 15px;} .swiper-pagination-bullet-active {background: #795548;} @media screen and (max-width: 1023px) { .pc_con .tab_menu {display:none;} } $(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(); });
한국관광공사에 의해 창작된 은(는) 공공라이선스에 따라 이용할 수 있습니다. 사진 자료의 경우, 피사체에 대한 명예훼손 및 인격권 침해 등 일반 정서에 반하는 용도의 사용 및 기업 CI,BI로의 이용을 금지하며, 상기 지침을 준수하지 않음으로 인해 발생하는 이용자와 제3자간 분쟁에 대해서 한국관광공사는 책임을 지지 않습니다.
- 한국관광공사의 저작물에 기초 -
더보기
여행톡