$(function(){ $(window).resize(function(){ ww = $(window).width(); if(ww < 1400){ $("body").addClass("mobile"); }else{ $("body").removeClass("mobile"); } }).resize(); $("#header").mouseleave(function(){ $(this).removeClass("on"); $(".head nav>ul>li").removeClass(); $(".head nav>ul>li>ul").hide(); }); $(window).scroll(function(){ wh = $(window).height(); scroll = $(window).scrollTop(); if(wh < scroll){ $(".btn_top").addClass("on"); }else{ $(".btn_top").removeClass("on"); } }); $(".btn_top").click(function(){ $('body,html').animate({scrollTop: 0}, 400); }) /* m13 */ let ht = $("#history li"); /*let len= ht.children.length;*/ let len=4; imgno=0; $(".m13_prev").click(function(){ clickHandler("l"); }); $(".m13_next").click(function(){ clickHandler("r"); }); function clickHandler(str){ if(str=="l"){ if(imgno==0){ imgno=len-1; }else{ imgno--; } $(".m13 .tabs ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .bg ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .year ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .history_conwrap .tabcon:eq("+imgno+")").addClass("on").siblings().removeClass("on"); }else{ if(imgno==len-1){ imgno=0 }else{ imgno++ } $(".m13 .tabs ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .bg ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .year ul li:eq("+imgno+")").addClass("on").siblings().removeClass("on"); $(".m13 .history_conwrap .tabcon:eq("+imgno+")").addClass("on").siblings().removeClass("on"); } } $(".m13 .tabs ul li").click(function(){ m13tabNum = $(".m13 .tabs ul li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".m13 .bg ul li:eq("+m13tabNum+")").addClass("on").siblings().removeClass("on"); $(".m13 .year ul li:eq("+m13tabNum+")").addClass("on").siblings().removeClass("on"); $(".m13 .history_conwrap .tabcon:eq("+m13tabNum+")").addClass("on").siblings().removeClass("on"); imgno = m13tabNum; }) /* m14 */ $(".m14 .section2 .conwrap ul li").hover(function(){ $(this).addClass("on").siblings().addClass("off"); },function(){ $(".m14 .section2 .conwrap ul li").removeClass(); }) /* m21 */ var swiper1 = new Swiper('.history', { slidesPerView: 'auto', speed: 1400, loop: false, navigation: { nextEl: '.history_next', prevEl: '.history_prev', }, on: { slideChange: function () { //$(".swiper-slide:eq("+(this.realIndex + 1)+")").addClass('on').siblings().removeClass("on") } }, }); /* m26 */ $(".m26 .tabs li").click(function(){ let tabnum = $(".m26 .tabs li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".m26 .tabcon").hide(); $(".m26 .tabcon:eq("+tabnum+")").show(); }); /* m32 */ $(".m32 .dep3tab_1 li").click(function(){ let dep3_1 = $(".m32 .dep3tab_1 li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".tab1_section1 .tabcon").hide(); $(".tab1_section1 .tabcon:eq("+dep3_1+")").show(); }); $(".m32 .dep3tab_2 li").click(function(){ let dep3_2 = $(".m32 .dep3tab_2 li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".tab2_section1 .tabcon").hide(); $(".tab2_section1 .tabcon:eq("+dep3_2+")").show(); }); $(".m32 .dep3tab_3 li").click(function(){ let dep3_3 = $(".m32 .dep3tab_3 li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".tab3_section1 .tabcon").hide(); $(".tab3_section1 .tabcon:eq("+dep3_3+")").show(); }); $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .boxwrap .thumb li").click(function(){ let liNum = $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .boxwrap .thumb li").index($(this)); $(this).addClass("on").siblings().removeClass("on"); $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .boxwrap .txts li").hide(); $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .boxwrap .txts li:eq("+liNum+")").show(); $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .m32_tab2_3_gall").hide(); $(".m32 .tab2_section1 .m32_tab2_3 .sec1 .con .m32_tab2_3_gall:eq("+liNum+")").show(); }) $('.m32_tab2_3_gall').each(function(index, element){ $(this).addClass('s'+index); $(this).find(".swiper-button-prev").addClass("btn-prev-" + index); $(this).find(".swiper-button-next").addClass("btn-next-" + index); swiper = new Swiper('.s'+index, { observer: true, observeParents: true, effect:"fade", loop:true, speed:1000, navigation: { nextEl: ('.btn-next-' + index), prevEl: ('.btn-prev-' + index), }, }); }); /* prd */ var swiper2 = new Swiper('.prd_img', { effect: 'fade', speed: 1400, loop: true, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: '.prd_next', prevEl: '.prd_prev', }, pagination: { el: '.prd_paging', clickable: true, }, on: { slideChange: function () { //$(".swiper-slide:eq("+(this.realIndex + 1)+")").addClass('on').siblings().removeClass("on") } }, }); });