$(function(){ startJs(); indexJs(); }); function indexJs() { //visual height 모바일 높이 대응 history.scrollRestoration = "manual" //main slide $('.main_slide').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:5700, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', dots: true, appendDots: $('.sec1').find('.main_slide_dot'), prevArrow: $('.sec1 .main_slide_nav').find('.prev'), nextArrow: $('.sec1 .main_slide_nav').find('.next'), }); if(typeof $.fn.Slick === 'undefined'){ $('.main_slide').find('.v01').addClass('on'); $('.main_slide').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.main_slide').find('div[class*="v0"]').removeClass('on'); $('.main_slide').find('.v0'+(nextSlide+1)).addClass('on'); }); } //section bg motion 원 var $sec2Item1 = $('.sec4 .bg_item .item-1'); var $sec2Item2 = $('.sec4 .bg_item .item-2'); //init $('.sec4').waypoint(function() { $(window).scroll(function(){ var t = $(window).scrollTop(); gsap.to($sec2Item1, 1, {y:t * -0.1}); }); }, { offset: '70%' }); $('.sec4').waypoint(function() { $(window).scroll(function(){ var t = $(window).scrollTop(); gsap.to($sec2Item2, 1, {y:t * -0.1}); }); }, { offset: '70%' }); //BEST PRODUCT if($(window).width() <= 767){ $('.sec4 .list_wrap').slick({ speed: 700, slidesToShow: 1, variableWidth: true, infinite: false, arrows: false, }); } $(window).on('resize', _.debounce(function() { if($(window).width() <= 767){ $('.sec4 .list_wrap').slick({ speed: 700, slidesToShow: 1, variableWidth: true, infinite: false, arrows: false, }); }else{ $('.sec4 .list_wrap').slick('unslick'); } },0)); //NEWS var newsSlide = new Swiper('.sec5 .contents', { grabCursor: true, slidesPerView: 3, spaceBetween: 50, navigation: { prevEl: '.sec5 .prev', nextEl: '.sec5 .next', }, scrollbar: { el: '.sec5 .swiper-scrollbar', hide: false, draggable: true, }, draggable:false, mousewheel: false, breakpoints: { 1279: { slidesPerView: 'auto', spaceBetween: 30, }, 767: { slidesPerView: 'auto', spaceBetween: 15, }, }, }); //video popup //팝업 닫기 $(document).on('click', '.close', function() { $('#bg').fadeOut(); $('#video-popup div.inner').html(''); $('#video-popup').hide(); }); //팝업 $(document).on('click', '.sec2 .list_wrap a', function(){ var dataUrl = $(this).data('url'); console.log(dataUrl); if(dataUrl){ $('#bg').fadeIn(); $('#video-popup').show(); $('#video-popup').html( ''+ '
' ); $('#video-popup div.inner').html(dataUrl); }else { alert('준비중 입니다.'); } }); }