https://www.yangju.go.kr/site/china/js/main.js

1
2
3"use strict";
4
5try {
6	//제이쿼리가 있으면
7	this.jQuery = this.jQuery || undefined;
8
9	//제이쿼리가 있으면
10	if(jQuery) {
11		//$ 중복방지
12		(function($) {
13			//태그객체
14			$.tag = {
15				wdw : $(window),
16				dcmt : $(document),
17				html : $('html'),
18				head : $('head')
19			};
20			$(function() {
21				//visual
22				var $visual = $('.visual .photo_bg');
23				var visualCount = null;
24				$visual.on('init', function(event, slick){
25				  visualCount = slick.slideCount;
26				  setvisualCount();
27				  setvisualCurrentSlideNumber(slick.currentSlide);
28				});
29
30				$visual.on('beforeChange', function(event, slick, currentSlide, nextSlide){
31				  setvisualCurrentSlideNumber(nextSlide);
32				});
33
34				function setvisualCount() {
35				  var $el = $('.visual .page').find('.total');
36				  var number = visualCount;
37					var length = 2;
38					number=number+"";//number를 문자열로 변환하는 작업
39						var str="";
40						for(var n=0;n<length-number.length;n++){
41						  str=str+"0";
42						}
43						str=str+number;
44				  $el.text(str);
45				}
46
47				function setvisualCurrentSlideNumber(currentSlide) {
48				  var $el = $('.visual .page').find('.current'),
49						currentNum = currentSlide + 1;
50					var number = currentNum;
51					var length = 2;
52					number=number+"";//number를 문자열로 변환하는 작업
53						var str="";
54						for(var n=0;n<length-number.length;n++){
55						  str=str+"0";
56						}
57						str=str+number;
58						
59				  $el.text(str);
60				}
61
62				$visual.slick({
63					swipe : false,
64					draggable : false,
65					slidesToShow : 1,
66					slidesToScroll: 1,
67					vertical : false,
68					autoplay : false,
69					infinite: true,
70					dots : false,
71					speed: 1000,
72					prevArrow : $('.visual .button_area .prev'),
73					nextArrow : $('.visual .button_area .next'),
74					responsive: [
75					{
76					  breakpoint: 1001,
77					  settings: {
78						swipe : true,
79						draggable : true,
80					  }
81					}
82				  ]
83				});
84
85				//life_imform
86				$('.icon_list').slick({
87					slidesToShow: 4,
88					slidesToScroll: 1,
89					prevArrow : $('.inform .inform_control .prev'),
90					nextArrow : $('.inform .inform_control .next'),
91					responsive: [
92					{
93					  breakpoint: 1241,
94					  settings: {
95						slidesToShow: 3
96					  }
97					},
98					{
99					  breakpoint: 641,
100					  settings: {
101						slidesToShow: 3,
102						variableWidth: true
103					  }
104					},
105					{
106					  breakpoint: 481,
107					  settings: {
108						slidesToShow: 2,
109						variableWidth: true
110					  }
111					}
112				  ]
113				});
114
115				$.tag.wdw.on('responsive.main', function(event) {
116					if(event.state == 'wide' || event.state == 'web') {
117						
118					}
119
120					//태블릿 || 모바일
121					if(event.state == 'tablet' || event.state == 'phone') {
122
123					};
124					if(event.state == 'maxheight'){
125						
126					}
127					if(mode=='tablet' || mode=='mobile'){
128						
129					}
130					if(event.state == 'minheight'){
131						
132					};
133
134				});
135
136
137			});
138		})(jQuery);
139	}
140}catch(e) {
141	console.error(e);
142}