$(function(){ //메인비쥬얼 모바일 높이 대응 function resetHeight(){ $('.main_home').css('height', $(window).innerHeight()); } window.addEventListener("resize", resetHeight); resetHeight(); tl = TweenMax; tl.staggerFromTo($("#scroll_down"), 1.5, {opacity: 0}, {opacity: 1, delay:1, ease: Power1.easeOut}); $.each($(".split"), function(i, v){ var mainText = $(this); var mainTextSpace = $(this).text(); var animatedMainT = $(this).text().split(""); mainText.empty(); $.each(animatedMainT, function(i, v) { mainText.append(''+v+''); }); }); //main_slider $('.main_bg_slider').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:5000, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', asNavFor: '.main_text_slider', prevArrow: $('.indicator').find('.prev'), nextArrow: $('.indicator').find('.next'), responsive: [ { breakpoint: 1279, settings: { arrows:false, } }, ] }); $('.main_text_slider').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:5000, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', dots: true, appendDots: $('.indicator .dot'), arrows:false, asNavFor: '.main_bg_slider', }); if(typeof $.fn.Slick === 'undefined'){ $('.main_slider').find('.v1').addClass('on'); $('.indicator').addClass('on'); tl.staggerFromTo($(".main_home .main_slider .on .text_g .title1"), 1, {opacity: 0, y: '0px'}, {opacity: 1, y: '0px', delay:0.5, ease: Power1.easeOut}); $('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.indicator').removeClass('on'); $('.main_slider').find('div[class*="v"]').removeClass('on'); $('.main_slider').find('.v'+(nextSlide+1)).addClass('on'); var mainSubTitle = $(".sec1 .main_text_slider .item.on .sub_title"); //subtop main title var animatedText = mainSubTitle.text().split(""); mainSubTitle.empty(); $.each(animatedText, function(i, v) { mainSubTitle.append($("").text(v)); }); tl.staggerFromTo($(".main_home .main_slider .on .text_g .title1"), 1, {opacity: 0, y: '0px'}, {opacity: 1, y: '0px', delay:0.5, ease: Power1.easeOut}); }); $('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ $('.indicator').addClass('on'); }); } //슬라이드 재생여부 $('.status_wrap').find('.status').on('click', function(){ if($(this).hasClass('play') == true){ $(this).removeClass('play').addClass('stop'); $('.main_slider').slick('slickPlay'); }else { $(this).removeClass('stop').addClass('play'); $('.main_slider').slick('slickPause'); } }); //메인비쥬얼 active class if(typeof $.fn.Slick === 'undefined'){ $('.main_slider').find('.v01').addClass('on'); $('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.main_slider').find('div[class*="v0"]').removeClass('on'); $('.main_slider').find('.v0'+(nextSlide+1)).addClass('on'); }); $('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ }); } //notice var noticeSlide = new Swiper('.board_slider', { grabCursor: true, speed: 1000, slidesPerView: 4, spaceBetween: 40, draggable:false, mousewheel: false, navigation: { prevEl: '.board_util .button_prev', nextEl: '.board_util .button_next', }, breakpoints: { 1400: { slidesPerView: 3, }, 1279: { slidesPerView: 'auto', spaceBetween: 20, }, }, }); var pipelineSlider = $('.pipeline .item_list'); var pipelineSlickOptions = { speed: 700, slidesToShow: 1, variableWidth: true, infinite: false, arrows: false, touchMove:true, swipe:true, }; $(window).on('load resize', function() { if($(window).width() > 1279) { pipelineSlider.filter('.slick-initialized').slick('unslick'); }else{ pipelineSlider.not('.slick-initialized').slick(pipelineSlickOptions); } }); if($(window).width() > 1279) { pipelineSlider.filter('.slick-initialized').slick('unslick'); }else{ pipelineSlider.not('.slick-initialized').slick(pipelineSlickOptions); } });