$(function(){ var swiper01 = new Swiper('.bannerswiper', { autoplay: { delay: 6000, }, loop: true, pagination: { el: '.banner_pagination', clickable: true, renderBullet: function (index, className) { return '
0' + (index + 1) + '
'; } }, on:{ init: function(){ swiperAnimateCache(this); swiperAnimate(this); }, slideChangeTransitionEnd: function(){ swiperAnimate(this); } } }); $(".loupe_pic").click(function(){ $(".loupe_pic").hide(); $(".searcher").addClass("searching") }); $(".search_close").click(function(){ $(".searcher").removeClass("searching") $(".loupe_pic").show(); }); $(".large_btn").click(function(){ var src=$(".explicit01a .swiper-slide-active img").attr("src"); $(".large_tu").attr("src",src); $(".large_contain").addClass("large_look"); }); $(".large_icon").click(function(){ $(".large_contain").removeClass("large_look"); }); var swiper02 = new Swiper('.caseswiper', { autoplay: { delay: 4000, }, loop: true, pagination: { el: '.case_pagination', clickable: true }, observer:true, observeParents:true, breakpoints: { 0: { slidesPerView: 1, spaceBetween: 10 }, 900: { slidesPerView: 3, spaceBetween: 20 }, } }); var swiper03 = new Swiper('.honourswiper', { autoplay: { delay: 3000, }, loop: true, navigation: { prevEl: '.honour-button-prev', nextEl: '.honour-button-next', }, breakpoints: { 0: { slidesPerView: 2, spaceBetween: 20 }, 900: { slidesPerView: 4, spaceBetween: 35 }, } }); var swiper04 = new Swiper('.patentswiper', { autoplay: { delay: 3000, }, loop: true, pagination: { el: '.patent_pagination', clickable: true }, slidesPerGroup:3, breakpoints: { 0: { slidesPerView: 2, spaceBetween: 10 }, 900: { slidesPerView: 5, spaceBetween: 45 }, } }); var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 10, loop: true, loopedSlides: 5, watchSlidesVisibility: true, watchSlidesProgress: true, breakpoints: { 0: { direction : 'horizontal', slidesPerView: 2, }, 900: { direction : 'vertical', slidesPerView: 3, }, } }); var galleryTop = new Swiper('.gallery-top', { loop:true, loopedSlides: 5, breakpoints: { 0: { direction : 'horizontal', }, 900: { direction : 'vertical', }, }, thumbs: { swiper: galleryThumbs, }, navigation: { nextEl: '.exp-button-next', prevEl: '.exp-button-prev', }, }); $(window).scroll(function(){ var high = $(window).scrollTop(); if(high>100){ $(".header").addClass("header_bor"); }else{ $(".header").removeClass("header_bor"); }; }); $(".leaderPoint li a").click(function(){ var obj = $(this).attr("id"); var _objTop = $('#'+obj+'a').offset().top; var objTop = _objTop-125 $("html,body").animate({scrollTop: objTop},800); }); $(".case_btn01 li").click(function(){ $(".case_btn01 li").removeClass("case_active"); $(this).addClass("case_active"); var cIndex = $(this).index(); $(".case_contain .caseswiper").hide(); $(".case_contain .caseswiper").eq(cIndex).show(); }); $(".case_btn02 li").click(function(){ $(".case_btn02 li").removeClass("case_active"); $(this).addClass("case_active"); var nIndex = $(this).index(); $(".news_ul ul").hide(); $(".news_ul ul").eq(nIndex).show(); }); $(".brand_title li").click(function(){ $(".brand_title li").removeClass("brand_active"); $(this).addClass("brand_active"); var bIndex = $(this).index(); $(".brand_content .brand_ul").hide(); $(".brand_content .brand_ul").eq(bIndex).show(); }); });