function slickSlide() { resetBullet = function(){ $(".main_slide_g").addClass("on"); } setTimeout(resetBullet,100) //main_slide var $mainSlide = $('#main_slide'), $mainArrow = $('.main_slide_btn'), $mainDots = $('.main_slide_i'), $mainPlay = $('.main_slide_s'); $mainSlide.slick({ fade: true, autoplay:false, infinite: true, autoplaySpeed:8000, slidesToShow: 1, slidesToScroll: 1, //hover, click을 포함한 모든 focus에도 슬라이드 재생 pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', prevArrow: $mainArrow.find('.prev'), nextArrow: $mainArrow.find('.next'), appendDots: $mainDots, dots: true, }); //메인슬라이드 재생여부 $mainPlay.find('.status').on('click', function(){ if($(this).hasClass('play') == true){ $(this).removeClass('play').addClass('stop'); $mainSlide.slick('slickPlay'); }else { $(this).removeClass('stop').addClass('play'); $mainSlide.slick('slickPause'); } }); //메인슬라이드 효과 addClass if(typeof $.fn.Slick === 'undefined'){ //처음 화면 강제로 on setTimeout(function() { $mainSlide.find('.v01').addClass('on'); }, 300); //슬라이더가 바뀌기 전에 $mainSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide){ //초기화 $mainSlide.find('div[class*="v0"]').removeClass('on'); $mainSlide.find('.v0'+(nextSlide+1)).addClass('on'); }); } //nn_slide var $newsNoticeSlide = $('#nn_slide'), $newsNoticeArrow = $('.nn_slide_btn'); $newsNoticeSlide.slick({ autoplay:false, infinite: true, centerMode: true, centerPadding: '230px', autoplaySpeed:5000, slidesToShow: 4, slidesToScroll: 1, //hover, click을 포함한 모든 focus에도 슬라이드 재생 pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', prevArrow: $newsNoticeArrow.find('.prev'), nextArrow: $newsNoticeArrow.find('.next'), dots: false, }); } function mapPin (){ var $txtBox = $('.pin_textbox'); $('.pin').mouseenter(function() { var pinFlag = $(this).data('flag'); $txtBox.hide(); $('.network_g').find('.tb'+pinFlag).stop(true).fadeIn(); }); $('.pin').mouseleave(function(){ $txtBox.stop(true).fadeOut(); }); } function motion (){ gsap.fromTo('#main_slide .dot', .8, { opacity:0, },{ opacity:1, stagger: 0.1, overwrite:0, yoyo:true, repeat:-1, repeatDelay:0.2, ease: Power0.easeNone }); gsap.fromTo('#main_slide .dot', .8, { scale:0.4, },{ scale:1, yoyo:true, stagger: 0.05, repeat:-1, delay: 0.1, overwrite:0, repeatDelay:0.1, ease: Power0.easeNone }); } $(function(){ slickSlide(); mapPin(); motion(); $('#fullpage').fullpage({ lockAnchors: true, slidesToSections: true, anchors: ['sec1', 'sec2', 'sec3'], scrollOverflow: true, scrollOverflowOptions: { Click : true }, // ** 페이지를 불러온 후 afterLoad : function(anchorLink, index){ $('section').removeClass('on'); $('.sec'+index).addClass('on'); if($(".sec1").hasClass("active")){ $('#myVideo').get(0).play(); }else { $('#myVideo').get(0).pause(); } }, }); var swiper = new Swiper('.swiper-container', { slidesPerView: 5.5, spaceBetween: 32, loop: true, centeredSlides: true, navigation: { nextEl: '.swiper-btn-next', prevEl: '.swiper-btn-prev', }, breakpoints: { // when window width is >= 1279px 1279: { slidesPerView: 2, centeredSlides: false, spaceBetween: 13 }, }, }); });