$(document).ready(function(){ var color = { brown: "color:#560000;font-size:11px;", red: "color:#d83128;font-size:11px;", yellow: "color:#ea991b;font-size:11px;", green: "color:#93ba2f;font-size:11px;", blue: "color:#4da4e0;font-size:11px;" }; console.log( " \ \n%c ('-. .-. ('-. .-') _ ('-. .-') _ \ \n%c ( OO ) / ( OO ).-. ( OO ) ) _( OO) ( OO ) ) \ \n%c ,--. ,--. / . --. / ,--./ ,--,' (,------. ,--. ,--. ,--. ,--./ ,--,' \ \n%c | | | | | \\-. \\ | \\ | |\\ | .---' | | | | | |.-') | \\ | |\ \ \n%c | .| | .-'-' | | | \\| | ) | | | | | .-') | | OO ) | \\| | ) \ \n%c | | \\| |_.' | | . |/ (| '--. | |_|( OO ) | |`-' | | . |/ \ \n%c | .-. | | .-. | | |\\ | | .--' | | | `-' /(| '---.' | |\\ | \ \n%c | | | | | | | | | | \\ | | `---. (' '-'(_.-' | | | | \\ | \ \n%c `--' `--' `--' `--' `--' `--' `------' `-----' `------' `--' `--' \n", color.brown, color.brown, color.red, color.yellow, color.green, color.blue, color.brown, color.red, color.yellow ); console.log("\x3e \x3e \x3e http://www.haneuln.com\n") }) // 함수를 사용하여 각 스와이프 인스턴스를 생성합니다. function createSwiper(container, prevBtn, nextBtn) { return new Swiper(container, { effect: 'fade', observer: true, observeParents: true, navigation: { prevEl: prevBtn, nextEl: nextBtn, }, }); } // 스와이프 인스턴스 생성 var swiper = createSwiper(".mySwiper", ".guide-prev1", ".guide-next1"); var swiper2 = createSwiper(".mySwiper2", ".guide-prev2", ".guide-next2"); var swiper3 = createSwiper(".mySwiper3", ".guide-prev3", ".guide-next3"); var swiper4 = createSwiper(".mySwiper4", ".guide-prev4", ".guide-next4"); var swiper5 = createSwiper(".mySwiper5", ".guide-prev5", ".guide-next5"); var swiper6 = createSwiper(".mySwiper6", ".guide-prev6", ".guide-next6"); // 함수를 사용하여 스와이프 이동 기능을 처리합니다. function moveToSlide(swiperInstance, num) { swiperInstance.slideTo(num, 1000, false); } // PC 스와이프 이동 함수 function test(num) { moveToSlide(swiper, num); } function test2(num) { moveToSlide(swiper2, num); } function test3(num) { moveToSlide(swiper3, num); } function test4(num) { moveToSlide(swiper4, num); } function test5(num) { moveToSlide(swiper5, num); } function test6(num) { moveToSlide(swiper6, num); } // 모든 스와이프 인스턴스를 업데이트하고 초기화하는 함수 function updateAndResetSwipers() { // 각 스와이프 인스턴스를 반복하여 업데이트하고 초기화합니다. var swipers = [swiper, swiper2, swiper3, swiper4, swiper5, swiper6]; swipers.forEach(function (swiperInstance) { swiperInstance.update(); swiperInstance.slideTo(0); // 첫 번째 슬라이드로 이동 }); } /* 탭메뉴 */ $(".tab-link").click(function () { var tab_id = $(this).attr("data-type"); $(".tab-link").removeClass("on"); $(".tab-content").removeClass("on"); $(this).addClass("on"); $("#" + tab_id).addClass("on"); // 모든 스와이프 인스턴스를 업데이트하고 초기화합니다. updateAndResetSwipers(); }); /* 탭메뉴 end */ /* 가이드 슬라이드 */ /* var swiper = new Swiper(".mySwiper", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test(num) { swiper.slideTo(num, 1000, false) }; var swiper2 = new Swiper(".mySwiper2", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test2(num) { swiper2.slideTo(num, 1000, false) }; var swiper3 = new Swiper(".mySwiper3", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test3(num) { swiper3.slideTo(num, 1000, false) }; var swiper4 = new Swiper(".mySwiper4", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test4(num) { swiper4.slideTo(num, 1000, false) }; var swiper5 = new Swiper(".mySwiper5", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test5(num) { swiper5.slideTo(num, 1000, false) }; var swiper6 = new Swiper(".mySwiper6", { effect:'fade', observer: true, observeParents: true, navigation: { prevEl: ".use-guide-button-prev", nextEl: ".use-guide-button-next", }, }); function test6(num) { swiper6.slideTo(num, 1000, false) }; */ /* 가이드 슬라이드 end */