function isWhite(){ var isWhiteNav; isWhiteNav = document.querySelectorAll(".mwht").length > 0; return isWhiteNav; } $(function(){ var aa; var bb; $(".head .innerwrap").mouseover(function(){ aa = isWhite(); $("#header").addClass("active"); $(".pageLocation").addClass('on'); if(aa){ $("#header").removeClass("wht"); } }); $("#header").mouseleave(function(){ bb = isWhite(); $("#header").removeClass("active"); $(".pageLocation").removeClass('on'); if(bb){ $("#header").addClass("wht"); } }); /*product_view swiper*/ let gallery_top = new Swiper(".product_view1 .result_wrap .gallery", { slidesPerView: 1, effect:"fade", fadeEffect: { crossFade: true }, freeMode: false, allowTouchMove:false, loop: false, speed: 0, }); let gallery_thumbs = new Swiper(".product_view1 .result_wrap .gallery-thumbs", { slidesPerView: 'auto', centeredSlides: false, spaceBetween: 10, loop: false, /* loop & slidesPerView auto not working well with swiper 11 */ slideToClickedSlide: false, }); /**모바일에서 클릭시 스와이퍼 이동, 태블릿 이상부터는 호버로 이동**/ var slideNum; var slideCon; if ($(window).width() >= 813) { $(".product_view1 .result_wrap .gallery-thumbs .swiper-slide").hover(function(){ slideNum = $(this).index(); console.log(slideNum, "slideNum"); gallery_thumbs.slideTo(slideNum); gallery_top.slideTo(slideNum); slideCon = $('.product_view1 .result_wrap .gallery-thumbs .swiper-slide').eq(slideNum); slideCon.addClass('on').siblings().removeClass('on'); }); }else{ var slideNum; gallery_thumbs.on('click', function () { const { clickedIndex } = this; gallery_thumbs.slideTo(clickedIndex); gallery_top.slideTo(clickedIndex); console.log('slide click', clickedIndex); slideNum = $('.product_view1 .result_wrap .gallery-thumbs .swiper-slide').eq(clickedIndex); //console.log(slideNum); slideNum.addClass('on').siblings().removeClass('on'); }); } gallery_top.controller.control = gallery_thumbs; gallery_thumbs.controller.control = gallery_top; });