https://bgnmh.go.kr/main/js/main.js

1$(function () { 
2
3	/* swiper slides */	
4	const btnNext = ".swiper-button-next",
5		  btnPrev = ".swiper-button-prev",
6		  paging = ".swiper-pagination"
7
8	var slides = { 
9
10		visual: new Swiper(".main-vban-wrap .swiper", {	
11			//lazy: true,	
12			//spaceBetween: 20,	
13			autoplay: {
14				delay: 5000,
15				pauseOnMouseEnter: true,
16			},	
17			loop: true,			
18			effect: "fade",						
19			navigation: {
20				nextEl: btnNext,
21				prevEl: btnPrev,
22			},
23			pagination: {
24				el: paging,
25				clickable: true,
26				renderBullet: function (index, className) {
27					return '<span class="' + className + '" role="button"> 상단 메인배너 ' + (index + 1) + "번 슬라이드로 이동</span>";
28				}
29			}
30		}),
31
32		popupzone: new Swiper(".popupzone .swiper", {
33			//lazy: true,
34			autoplay: {
35				delay: 4000
36			},
37			loop: this.SwiperLength > 1,
38			watchOverflow: true,
39			//effect: "fade",
40			navigation: {
41				nextEl: btnNext,
42				prevEl: btnPrev,
43			},
44			pagination: {
45				el: paging,
46				type: "fraction"
47			}
48		}),
49	
50		banner: new Swiper(".site-banner .swiper", { 
51			//lazy: true,
52			slidesPerView: 1,
53			centeredSlides: true,			
54			autoplay: true,
55			loop: true,
56			navigation: {
57				nextEl: btnNext,
58				prevEl: btnPrev,
59			},
60			pagination: {
61				el: paging,
62				clickable: true,
63				renderBullet: function (index, className) {
64					return '<span class="' + className + '" role="button"> 하단 사이트 롤링배너 ' + (index + 1) + "번 슬라이드로 이동</span>";
65				}
66			},
67			breakpoints: {
68				1024: {
69					slidesPerView: 3,
70					//spaceBetween: 20
71				},
72				1280: {
73					slidesPerView: 5,
74					//spaceBetween: 20
75				}
76			}
77		})
78	};
79
80	$(".swiper-autoplay button").on("click", function(){
81		let slideType = $(this).data("swiper");
82		var swiperSlide = slides[slideType];
83		$(this).removeClass(AC).siblings().addClass(AC);
84		$(this).hasClass("swiper-button-pause") ? swiperSlide.autoplay.stop() : swiperSlide.autoplay.start();
85	})
86
87	$('.swiper-pagination-current').before('<span class="sr-only">현재 슬라이드</span>')
88	$('.swiper-pagination-total').before('<span class="sr-only">전체 슬라이드 개수</span>')
89	$(btnPrev).add(btnNext).removeAttr('aria-label');
90	
91
92	tabs(".news-wrap .tab-nav", ".news-wrap .tab-cont")
93
94	/* $(".swiper").keyup(function(){
95		$(".swiper-wrapper").css("transform","translate3d(0,0,0)");
96		$(".swiper-container").css("overflow", "auto");
97	}) */
98	
99
100
101})
102