main.js

var home_code_swiper = new Swiper('#home_code_swiper', {
	autoHeight: true,
	spaceBetween: 0,
	slidesPerView: 'auto',
	resistanceRatio: 0.05,
	centeredSlides: true,
	slideToClickedSlide: true,
	observer: true, 
	observeParents: true,
	clickable: true,
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	breakpoints: {
		1023: {
			slidesPerView: 1
		}
	}
});
var home_code_detail_swiper = new Swiper('#home_code_detail_swiper', {
	spaceBetween: 0,
	effect: 'fade',
	allowSwipeToPrev: false,
	allowSwipeToNext: false,
	simulateTouch: false
});

home_code_detail_swiper.controller.control = home_code_swiper;
home_code_swiper.controller.control = home_code_detail_swiper;

/* for focus to move to slide when clicking on enter */
var input = document.getElementById("home_code_swiper");

input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
    event.preventDefault();
    home_code_detail_swiper.slideTo(document.activeElement.getAttribute("target"));
  }
}); 

var event_calender_swiper = new Swiper('#event_calender_swiper', {
			spaceBetween: 0,
			centeredSlides: true,
			slidesPerView: 3,
			resistanceRatio: 0,
			slideToClickedSlide: true,
			initialSlide: 1000,
			breakpoints: {
			  1400: { slidesPerView: 7 },
			  1024: { slidesPerView: 5 },
			  600: { slidesPerView: 3 }
			}
		});
		

/* Event Swiper */
var event_detail_swiper = new Swiper('#event_detail_swiper', {
	autoHeight: true,
	spaceBetween: 0,
	slidesPerView: 1,
	slideToClickedSlide: true,
	resistanceRatio: 0,
	initialSlide: 1000,
});

event_detail_swiper.controller.control = event_calender_swiper;
event_calender_swiper.controller.control = event_detail_swiper;