34 lines
1 KiB
JavaScript
34 lines
1 KiB
JavaScript
// Micro Modal [https://micromodal.vercel.app/]
|
|
MicroModal.init({
|
|
onShow: modal => $('.screens-slider').slick('setPosition'),
|
|
disableScroll: true, // default - false
|
|
awaitOpenAnimation: true, // default - false
|
|
awaitCloseAnimation: true // default - false
|
|
});
|
|
|
|
// Slick Slider [https://kenwheeler.github.io/slick/]
|
|
$(document).ready(function(){
|
|
let prevButton = '<span class="slick-prev icon-chevron-thin-left"><i class="icono-arrow-right"></i></span>';
|
|
let nextButton = '<span class="slick-next icon-chevron-thin-right"><i class="icono-arrow-left"></i></span>';
|
|
$('.screens-slider').slick({
|
|
prevArrow: prevButton,
|
|
nextArrow: nextButton,
|
|
centerMode: true,
|
|
slidesToShow: 3,
|
|
responsive: [
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
centerMode: false
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
// Prevent default for modal trigger button
|
|
const btnModal = document.querySelector('.btn-modal');
|
|
btnModal.addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
});
|