https://www.kisa.or.kr/resource/eng/js/slider.js

1
2/*************************************************************************************************
3 
4 *  Slider JS
5 
6 *************************************************************************************************/
7
8$(function(){
9	
10	"use strict";
11
12/*---------------------------------------------------------------------------------------------------------------------------
13 *  Main : Visaul Slide1
14 *--------------------------------------------------------------------------------------------------------------------------*/	
15	
16	var swiper1 = new Swiper('.visu_slide1', {
17		pagination:false,
18		spaceBetween: 0,
19		autoplayDisableOnInteraction: false,
20		autoplay: 4500,
21		effect: 'fade',
22		speed: 1500,
23		loop:true,
24		centeredSlides:true,
25		allowSlidePrev:false,
26		allowSlideNext:false,
27        paginationClickable: false
28	}); 
29
30
31/*---------------------------------------------------------------------------------------------------------------------------
32 *  Main : Visaul Slide2
33 *--------------------------------------------------------------------------------------------------------------------------*/	
34	
35	var swiper2 = new Swiper('.visu_slide2', {
36		pagination: false,
37		nextButton: '.visu-next',
38        prevButton: '.visu-prev',
39		spaceBetween: 20,
40		slidesPerView: 4,
41		loop:true,
42		speed: 500,
43		autoplay: 3000,	
44		autoplayDisableOnInteraction: false,
45        paginationClickable: true,
46		breakpoints: {  
47  
48			1200: {       
49				slidesPerView: 3,       
50				spaceBetween: 20     
51			},
52			940: {       
53				 slidesPerView: 2,       
54				 spaceBetween: 10     
55			},
56			480: {       
57				 slidesPerView:1,       
58				 spaceBetween: 10     
59			}  
60		}
61	}); 
62
63	// var slNum = swiper2.activeIndex;
64	// alert(slNum);
65
66	$('.visu_slide2 .swiper-slide a').on('focusin',function(e){
67		swiper2.stopAutoplay();
68		
69		//alert(num2);
70		swiper2.slideTo(0,1000);
71	})
72
73	$('.visu_slide2 .swiper-slide a').on('focusout',function(){
74		swiper2.startAutoplay();
75	})
76	
77
78/*---------------------------------------------------------------------------------------------------------------------------
79 *  Main : photo_slide
80 *--------------------------------------------------------------------------------------------------------------------------*/
81 
82	var swiper3 = new Swiper('.photo_slide', {
83		pagination: false,
84		nextButton: '.swiper-button-next',
85        prevButton: '.swiper-button-prev',
86		spaceBetween: 12,
87		slidesPerView: 3,
88		autoplayDisableOnInteraction: false,
89		autoplay: 3000,
90		loop:true,
91		speed: 500,
92		breakpoints: {  
93     
94			600: {       
95				 slidesPerView: 2,       
96				},
97		   } 
98		   	
99	}); 
100	
101	$('.photo a.start-autoplay').click(function () {
102		swiper3.startAutoplay();
103	});
104	$('.photo a.stop-autoplay').click(function () {
105		swiper3.stopAutoplay();
106	});
107	
108
109	$('.photo_slide .swiper-slide a').on('focusin',function(e){
110		swiper3.stopAutoplay();
111		
112		//alert(num2);
113		swiper3.slideTo(0,1000);
114	})
115
116	$('.photo_slide .swiper-slide a').on('focusout',function(){
117		swiper3.startAutoplay();
118	})
119
120
121
122/*---------------------------------------------------------------------------------------------------------------------------
123 *  Main : link_slide
124 *--------------------------------------------------------------------------------------------------------------------------*/
125 
126	var swiper4 = new Swiper('.link_slide', {
127		pagination: false,
128		nextButton: '.swiper-button-next',
129        prevButton: '.swiper-button-prev',
130		slidesPerView: 7,
131		autoplayDisableOnInteraction: false,
132		autoplay: 2000,
133		loop:true,
134		breakpoints: {  
135  
136			1024: {       
137				 slidesPerView: 5,       
138			  },
139			768: {       
140				 slidesPerView: 3,       
141			  },
142		   } 
143		   
144	}); 
145	
146	$('.banner_link a.start-autoplay').click(function () {
147		swiper4.startAutoplay();
148	});
149	$('.banner_link a.stop-autoplay').click(function () {
150		swiper4.stopAutoplay();
151	});
152
153	$('.link_slide .swiper-slide a').on('focusin',function(e){
154		swiper4.stopAutoplay();
155		
156		//alert(num2);
157		swiper4.slideTo(0,1000);
158	})
159
160	$('.link_slide .swiper-slide a').on('focusout',function(){
161		swiper4.startAutoplay();
162	})
163	
164});