This commit is contained in:
Jerry
2020-11-06 10:45:55 +03:00
parent 7bf27b1c1c
commit 563c71e4c4

View File

@@ -1,58 +1,64 @@
var slider; (function(){
var sliderOptions = {
perPage: 3,
gap: 30
};
function mountSlider(){ var slider;
slider = new Splide( '.splide', { var sliderOptions = {
type: 'loop', perPage: 3,
perPage: sliderOptions.perPage, gap: 30
perMove: 1, };
rewind : true,
pagination: false,
gap: sliderOptions.gap
} ).mount();
}
function destroySlider(){ function mountSlider(){
slider.destroy(completely = true); slider = new Splide( '.splide', {
} type: 'loop',
perPage: sliderOptions.perPage,
perMove: 1,
rewind : true,
pagination: false,
gap: sliderOptions.gap
} ).mount();
}
function resizeWindow(){ function destroySlider(){
var sliderSize = document.querySelector('.slider-size').dataset.sliderSize; slider.destroy(completely = true);
var windowSize = document.body.clientWidth;
sliderOptions = null;
if ( windowSize > 1000 && sliderSize != 'md' ) {
sliderOptions = {
perPage: 3,
gap: 30
}
document.querySelector('.slider-size').dataset.sliderSize = 'md';
} }
if ( ( windowSize > 768 && windowSize <= 1024 ) && sliderSize != 'sm') {
sliderOptions = { function resizeWindow(){
perPage: 2, var sliderSize = document.querySelector('.slider-size').dataset.sliderSize;
gap: 10 var windowSize = document.body.clientWidth;
sliderOptions = null;
if ( windowSize > 1000 && sliderSize != 'md' ) {
sliderOptions = {
perPage: 3,
gap: 30
}
document.querySelector('.slider-size').dataset.sliderSize = 'md';
} }
document.querySelector('.slider-size').dataset.sliderSize = 'sm'; if ( ( windowSize > 768 && windowSize <= 1024 ) && sliderSize != 'sm') {
} sliderOptions = {
if ( windowSize <= 768 && sliderSize != 'xs') { perPage: 2,
sliderOptions = { gap: 10
perPage: 1, }
gap: 0 document.querySelector('.slider-size').dataset.sliderSize = 'sm';
}
if ( windowSize <= 768 && sliderSize != 'xs') {
sliderOptions = {
perPage: 1,
gap: 0
}
document.querySelector('.slider-size').dataset.sliderSize = 'xs';
}
if (sliderOptions) {
destroySlider();
mountSlider();
} }
document.querySelector('.slider-size').dataset.sliderSize = 'xs';
} }
if (sliderOptions) {
destroySlider(); if (document.querySelector('.splide')) {
mountSlider(); mountSlider();
resizeWindow();
window.onresize = resizeWindow;
} }
}
mountSlider(); })();
resizeWindow();
window.onresize = resizeWindow;
function scrollToCalendar() { function scrollToCalendar() {
event.preventDefault(); event.preventDefault();
@@ -60,3 +66,4 @@ function scrollToCalendar() {
var scrollCoords = window.pageYOffset + scrollContCoords + 15; var scrollCoords = window.pageYOffset + scrollContCoords + 15;
window.scrollTo(0, scrollCoords); window.scrollTo(0, scrollCoords);
} }