$(function(){ /* visual */ var swiper1 = new Swiper('.visual', { effect: 'fade', slidesPerView: 1, speed: 1600, loop: true, navigation: { nextEl: '.vnext', prevEl: '.vprev', }, pagination: { el: '.vpaging', clickable: true, renderBullet: function (index, className) { return '' + (index+1) + ''; }, }, //autoplay: { // delay: 5000, //}, on: { slideChange: function () { $(".swiper-slide:eq("+(this.realIndex + 1)+")").addClass('on').siblings().removeClass("on") } }, }); /* pr */ var swiper2 = new Swiper('.pr', { slidesPerView: 'auto', speed: 1400, spaceBetween:47, loop: false, navigation: { nextEl: '.pr_next', prevEl: '.pr_prev', }, scrollbar : { el : '.swiper-scrollbar', draggable: true, }, on: { slideChange: function () { $(".swiper-slide:eq("+(this.realIndex + 1)+")").addClass('on').siblings().removeClass("on") } }, breakpoints: { 812: { spaceBetween: 47 }, 1000: { spaceBetween: 47 } } }); if($(window).width() >= 812){ gsap.registerPlugin(ScrollTrigger); //섹션3 잠깐 스크롤 막기 let sec3 = gsap.timeline({ scrollTrigger: { trigger: ".section3 .conwrap", // 객체기준범위 pin: true, // 고정 start: "top top", // 시작점 end: "+=170%", // 끝점 scrub: 0.5, // 모션바운스 } }); } });