https://www.reb.or.kr/js/web/reb/main.js

1$(function(){
2	// 비주얼 페이지 정보(1/3) 출력 *주의 : 아래의 slick 슬라이드 실행과 순서 변경X
3	$('#slide01').on('init reInit afterChange', function(event, slick, currentSlick, nextSlide){
4		var i = (currentSlick ? currentSlick : 0) + 1;
5		//console.log(i);
6		$('.section01 .pagingInfo .now').text(i);
7		$('.section01 .pagingInfo .total').text(slick.$dots[0].children.length);
8	});
9	// 비주얼
10	$('#slide01').slick({
11		dots: true,
12		arrows: true,
13		infinite: true,
14		speed: 1000,
15		autoplay: true,
16		autoplaySpeed: 3000,
17		arrows: true,
18		slidesToShow: 1,
19		fucusOnSelect: true,
20		pauseOnFocus: true,
21		prevArrow: $('#slide01Prev'),
22		nextArrow: $('#slide01Next')
23	});
24	
25	$('.section01 .control a').on('click', function(e){
26		$this = $(this);
27		slickControl($this, '#slide01', '#slide01Stop', '#slide01Play');
28		e.preventDefault();
29	})
30	
31	/* 20211213 SY, Cho 웹접근성 개선작업 */
32	$('#slide01').find('.slick-slide').removeAttr('tabindex');
33	
34
35	// Tab
36	$('.tab > li > a').on('click', function(e){
37		$(this).parent().addClass('active').siblings().removeClass('active');
38		$(this).parent().parent().find('> li').attr('aria-expanded', "false");
39		$(this).parent().attr('aria-expanded', "true");
40		$(this).parent().parent().find('> li > a').attr('title', "");
41		$(this).attr('title', "선택됨");
42		e.preventDefault();
43	});
44
45	var timer = setInterval(function(){
46		$('#contents').addClass('action');
47		clearInterval(timer); 
48	}, 500);
49
50	// 알림판 페이지 정보(1/3) 출력 *주의 : 아래의 slick 슬라이드 실행과 순서 변경X
51	$('#slide02').on('init reInit afterChange', function(event, slick, currentSlick, nextSlide){
52		var i = (currentSlick ? currentSlick : 0) + 1;
53		//console.log(i);
54		$('.section04 .pagingInfo .now').text(i);
55		$('.section04 .pagingInfo .total').text(slick.$dots[0].children.length);
56	});
57	// 알림판
58	$('#slide02').slick({
59		dots: true,
60		arrows: true,
61		infinite: true,
62		speed: 1000,
63		autoplay: true,
64		autoplaySpeed: 3000,
65		arrows: true,
66		slidesToShow: 1,
67		fucusOnSelect: true,
68		pauseOnFocus: true,
69		prevArrow: $('#slide02Prev'),
70		nextArrow: $('#slide02Next'),
71		responsive: [
72			{
73				breakpoint: 1024,
74				settings: {
75					slidesToShow: 2,
76					slidesToScroll: 1
77				}
78			},
79			{
80				breakpoint: 600,
81				settings: {
82					slidesToShow: 1
83				}
84			}
85		]
86	});
87	$('.section04 .control a').on('click', function(e){
88		$this = $(this);
89		slickControl($this, '#slide02', '#slide02Stop', '#slide02Play');
90		e.preventDefault();
91	})
92	
93	/* 20211213 SY, Cho 웹접근성 개선작업 */
94	//$('#slide02').find('.slick-slide').removeAttr('tabindex');
95
96	// 바로가기 슬라이드
97	$('#slide03').slick({
98		dots: false,
99		arrows: true,
100		infinite: true,
101		speed: 1000,
102		autoplay: true,
103		autoplaySpeed: 3000,
104		arrows: true,
105		slidesToShow: 5,
106		slidesToScroll: 1,
107		fucusOnSelect: true,
108		pauseOnFocus: true,
109		responsive: [
110			{
111				breakpoint: 1600,
112				settings: {
113					slidesToShow: 4
114				}
115			},
116			{
117				breakpoint: 1024,
118				settings: {
119					slidesToShow: 3
120				}
121			},
122			{
123				breakpoint: 800,
124				settings: {
125					slidesToShow: 2
126				}
127			},
128			{
129				breakpoint: 480,
130				settings: {
131					slidesToShow: 1
132				}
133			}
134		]
135	});
136	
137	/* 20211213 SY, Cho 웹접근성 개선작업 */
138	//$('#slide03').find('.slick-slide').removeAttr('tabindex');
139
140	// 배너 슬라이드
141	$('#slide04').slick({
142		dots: false,
143		arrows: true,
144		infinite: true,
145		speed: 1000,
146		autoplay: true,
147		autoplaySpeed: 3000,
148		arrows: true,
149		slidesToShow: 5,
150		slidesToScroll: 1,
151		fucusOnSelect: true,
152		pauseOnFocus: true,
153		prevArrow: $('#slide04Prev'),
154		nextArrow: $('#slide04Next'),
155		responsive: [
156			{
157				breakpoint: 1599,
158				settings: {
159					slidesToShow: 4
160				}
161			},
162			{
163				breakpoint: 1023,
164				settings: {
165					slidesToShow: 3
166				}
167			},
168			{
169				breakpoint: 799,
170				settings: {
171					slidesToShow: 2
172				}
173			},
174			{
175				breakpoint: 479,
176				settings: {
177					slidesToShow: 1
178				}
179			}
180		]
181
182	});
183	$('.section06 .control a').on('click', function(e){

184		$this = $(this);
185		slickControl($this, '#slide04', '#slide04Stop', '#slide04Play');
186		e.preventDefault();
187	})
188	
189	/* 20211213 SY, Cho 웹접근성 개선작업 */
190	//$('#slide04').find('.slick-slide').removeAttr('tabindex');
191
192	/*
193	$(".tabData").mCustomScrollbar({
194		axis:"x",
195		theme:"light-thick",
196		advanced:{autoExpandHorizontalScroll: true},
197		scrollButtons: {enable: true, scrollType: "stepped", scrollAmount: 410}//버튼생성, 버튼클릭시 이동간격설정
198	}); 스크롤 */
199});
200
201// 슬라이드 버튼 위치 조정
202$(window).on("load resize", function() {
203});
204
205// slider Control
206function slickControl($this, slick, stop, play){
207    $slick = $(slick); //slider wrap
208    $stop = $(stop); //Stop Button
209    $play = $(play); //Play Button
210    var display = $this.css("display"); //button's display
211  
212    if($this.is(stop)){
213        $stop.css('display','none');
214        $play.delay(100).css('display', display);
215        $slick.slick('slickPause');
216        $play.focus();
217    }
218    if($this.is(play)){
219        $play.css('display','none');
220        $stop.delay(100).css('display', display);
221        $slick.slick('slickPlay');
222        $stop.focus();
223    }
224}
225