//= template/header.html
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
// Подпишемся на ресайз и продиспатчим его для запуска
$(window).on('resize', function(e){
// Переменная, по которой узнаем запущен слайдер или нет.
// Храним её в data
var init = $(".card-box").data('init-slider');
// Если мобильный
if(window.innerWidth < 480){
// Если слайдер не запущен
if(init != 1){
// Запускаем слайдер и записываем в data init-slider = 1
$('#card-box').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1
}).data({'init-slider': 1});
}
}
// Если десктоп
else {
// Если слайдер запущен
if(init == 1){
// Разрушаем слайдер и записываем в data init-slider = 0
$('#card-box').slick('unslick').data({'init-slider': 0});
}
}
}).trigger('resize');
window.addEventListener("orientationchange", function() {
jQuery("#mainmenu").hide(0);
}, false);
@font-face {
font-display: swap;
font-family: "Museo Sans";
src: local('Museo Sans'), local('MuseoSans'),
url("../fonts/museosans/regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/museosans/regular.woff2") format("woff2"),
url("../fonts/museosans/regular.woff") format("woff"),
url("../fonts/museosans/regular.ttf") format("truetype");}