https://tukorea.ac.kr/Web-home/fnct/imageSlide/js/imageSlide.js

1$(document).ready(function(){
2		$(".hidden").each(function() {
3			var fnctValue = $(this).text().trim();
4			var iValue = fnctValue.indexOf("fnctId=imageSlide");
5			if(iValue != -1){
6				var fnctArr = fnctValue.split(',');
7				var fnctSetupId = "iSldFnctSetup"+fnctArr[1].substring(fnctArr[1].indexOf("=")+1,fnctArr[1].length);
8				var fnctSetup = $("#"+fnctSetupId).text().trim();
9				//console.log(fnctSetup);
10				_visualSlickSetup(fnctSetup);
11			}
12		});
13	});
14
15	function _visualSlickSetup(obj) {
16		var setup = obj.split(",");
17		var setupSeq = _getSetupValue(setup, 0);
18		var modeGb = _getSetupValue(setup, 4);
19		var slideWth = _getSetupValue(setup, 5);
20
21		if(modeGb == 'SLIDE'){
22			//SLIDE
23			$("#slider"+setupSeq).not('.slick-initialized').slick({
24				speed: _getSetupValue(setup, 1) * 1000,
25				autoplaySpeed: _getSetupValue(setup, 2) * 1000,
26				autoplay: true,
27				dots: true,
28				arrows: true,
29				slidesToShow: _getSetupValue(setup, 3),
30				slidesToScroll: 1,
31				infinite: true,
32				pauseOnHover: false,
33				fade: false,
34				cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)',
35				appendDots: $('#wrap-slider'+setupSeq+' .control .paging'),
36				prevArrow: '#wrap-slider'+setupSeq+' .prevnext .prev',
37				nextArrow: '#wrap-slider'+setupSeq+' .prevnext .next'
38			});
39			$('#wrap-slider'+setupSeq+' button.play').on('click', function () {
40				$("#slider"+setupSeq).slick("slickPlay");
41				$(this).removeClass('on');
42				$('#wrap-slider'+setupSeq+' button.stop').addClass('on');
43			});
44			$('#wrap-slider'+setupSeq+' button.stop').on('click', function () {
45				$("#slider"+setupSeq).slick("slickPause");
46				$(this).removeClass('on');
47				$('#wrap-slider'+setupSeq+' button.play').addClass('on');
48			});
49		}else{
50			//FADE
51			$("#slider"+setupSeq).not('.slick-initialized').slick({
52				speed: _getSetupValue(setup, 1) * 1000,
53				autoplaySpeed: _getSetupValue(setup, 2) * 1000,
54				autoplay: true,
55				dots: true,
56				arrows: true,
57				slidesToShow: _getSetupValue(setup, 3),
58				slidesToScroll: 1,
59				infinite: true,
60				pauseOnHover: false,
61				fade: true,
62				cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)',
63				appendDots: $('#wrap-slider'+setupSeq+' .control .paging'),
64				prevArrow: '#wrap-slider'+setupSeq+' .prevnext .prev',
65				nextArrow: '#wrap-slider'+setupSeq+' .prevnext .next'
66			});
67			$('#wrap-slider'+setupSeq+' button.play').on('click', function () {
68				$("#slider"+setupSeq).slick("slickPlay");
69				$(this).removeClass('on');
70				$('#wrap-slider'+setupSeq+' button.stop').addClass('on');
71			});
72			$('#wrap-slider'+setupSeq+' button.stop').on('click', function () {
73				$("#slider"+setupSeq).slick("slickPause");
74				$(this).removeClass('on');
75				$('#wrap-slider'+setupSeq+' button.play').addClass('on');
76			});
77		}
78	}
79
80	function _getSetupValue(str, index){
81		return str[index].substring(str[index].indexOf("=")+1,str[index].length);
82	}