https://gomdori.kr/assets/js/sub.js

1$(function(){
2	$(window).on("resize", function(){
3		var ch = document.documentElement.clientHeight;
4		var winWidth = $(window).width();
5		var sistemListImg = $('.sistem_wrap .sistem_box .sistem_list img').outerHeight;
6		if (winWidth > 1230) {
7			$('.sistem_wrap .sistem_box .lt').css({'height': ch + 'px'});
8			$('.sistem_wrap .sistem_box .lt .txt_box').css({'height': ch + 'px'});
9		} else {
10			$('.sistem_wrap .sistem_box .lt').css({'height': 'auto'});
11			$('.sistem_wrap .sistem_box .lt .txt_box').css({'height': 250 + 'px'});
12		}
13		if (winWidth > 520) {
14			$('.sistem_wrap .sistem_box .sistem_list').css({'height': sistemListImg + 'px'});
15			//$('.sistem_slide_list').slick('unslick');
16			if ($('.sistem_slide_list').hasClass('slick-initialized')){
17				$('.sistem_slide_list').slick('unslick');
18			}
19			return
20		} else {
21			$('.sistem_wrap .sistem_box .sistem_list').css({'height': 100 + '%'});
22			//$('.sistem_slide_list').slick('resize');
23			//$('.sistem_slide_list').slick('setPosition');
24			if ( !$('.sistem_slide_list').hasClass('slick-initialized')){
25				$('.sistem_slide_list').slick({
26					dots: false,
27					infinite: true,
28					speed: 300,
29					autoplay: true,
30					autoplaySpeed: 3000,
31					slidesToShow: 1,
32					slidesToScroll: 1,
33					pauseOnFocus: false,
34					pauseOnHover: false
35					//prevArrow : $('.sistem_box .prev_btn'), 
36					//nextArrow : $('.sistem_box .next_btn')
37				});
38			}
39			var sliderTimer2 = 3000;
40			function progressBar2(){
41				$('.sistem_box .slider_progress').find('span').removeAttr('style');
42				$('.sistem_box .slider_progress').find('span').removeClass('active');
43				setTimeout(function(){
44					$('.sistem_box .slider_progress').find('span').css('transition-duration', (sliderTimer2/1000)+'s').addClass('active');
45				}, 100);
46			}
47			progressBar2();
48			$('.sistem_box .sistem_slide_list').on('beforeChange', function(e, slick) {
49				progressBar2();
50			});
51			
52
53		}
54	});
55	$(window).trigger("resize"); 
56	var controller = new ScrollMagic.Controller();
57	var tween2 = TweenMax.to('.bg_ani > .bg', 0.5, {
58    scale: 1.25
59  });
60	var scene = new ScrollMagic.Scene({
61    triggerElement: ".bg_ani",
62    duration: "100%"
63  })
64  .setTween(tween2)
65  .addTo(controller);
66	var tween3 = TweenMax.to('#sv > .sv_visual', 0.5, {
67    scale: 1.5
68  });
69	var scene = new ScrollMagic.Scene({
70    triggerElement: "#sv",
71    duration: "100%"
72  })
73  .setTween(tween3)
74  .addTo(controller)
75  //.addIndicators({
76  //  name: "1"
77  //}) 
78});	
79
80
81$(function(){
82	//page_tab
83	$('.page_tab li a').on('click', function(e){
84		e.preventDefault();
85		var ts = $(this);
86		var idxNum = $('.page_tab li a').index(ts);
87		if(!ts.hasClass('active')){
88			$('.page_tab li a').filter('.active').removeClass('active');
89			ts.addClass('active');
90			
91		$('.page_tab_con > .tab_con').filter('.active').removeClass('active');
92		$('.page_tab_con > .tab_con').eq(idxNum).addClass('active');
93		}
94	});
95
96
97	//s_tab
98	$('.s_tab li a').on('click', function(e){
99		e.preventDefault();
100		var ts = $(this);
101		var idxNum = $('.s_tab li a').index(ts);
102		if(!ts.hasClass('active')){
103			$('.s_tab li a').filter('.active').removeClass('active');
104			ts.addClass('active');
105			
106		
107		$('.s_tab_con > .con').filter('.active').removeClass('active');
108		$('.s_tab_con > .con').eq(idxNum).addClass('active');
109		
110		}
111	});
112	
113
114
115//s_tab1
116	$('.s_tab1 li a').on('click', function(e){
117		e.preventDefault();
118		var ts = $(this);
119		var idxNum = $('.s_tab1 li a').index(ts);
120		if(!ts.hasClass('active')){
121			$('.s_tab1 li a').filter('.active').removeClass('active');
122			ts.addClass('active');
123			
124		$('.s_tab_con1 > .con').filter('.active').removeClass('active');
125		$('.s_tab_con1 > .con').eq(idxNum).addClass('active');
126		}
127	});
128	
129});
130
131
132/*
133	var snavTop = $( '.s_tab_menu' ).offset();
134	$( window ).scroll( function() {
135		if($('.s_tab_menu').is(':visible') === true){
136			if ( $( document ).scrollTop() > snavTop.top ) {
137				$( '.s_tab_menu' ).addClass( 'stiky' );
138			}
139			else {
140				$( '.s_tab_menu' ).removeClass( 'stiky' );
141			}
142		}
143	});
144	
145	
146	*/
147
148
149$(function(){
150	$('.laser_slide').slick({
151		dots: false,
152		arrows:  true,
153		slidesToShow: 1,
154		slidesToScroll: 1,
155		infinite: true,
156		autoplay: true,
157		autoplaySpeed: 4000,
158		responsive: [
159    {
160      breakpoint: 768,
161      settings: {
162        slidesToShow: 1
163      }
164    },
165		{
166      breakpoint: 486,
167      settings: {
168        slidesToShow: 1
169      }
170    }
171  ]
172	});
173
174});
175
176$(function(){
177	$('.s_route .wrap .con').on('click', function(){
178		$(this).children('ul').stop().slideDown().parent().addClass('active');
179	});
180	
181	$('.s_route .wrap .con').on('mouseleave', function(){
182		$(this).children('ul').stop().slideUp().parent().removeClass('active');
183	});
184
185});
186
187