const imageSwipers = document.querySelectorAll('.swiper-container');
const imageSwipersLength = imageSwipers.length;

for(let i =0; i < imageSwipersLength; i++){

    const imageSwiper = imageSwipers[i];
    const imageSwiperId = imageSwiper.getAttribute('id');

    if(imageSwiperId !== null){

        const swiper = new Swiper({
            el: '#' + imageSwiperId,
            initialSlide: 1,
            spaceBetween: 50,
            slidesPerView: 1,
            centeredSlides: true,
            slideToClickedSlide: true,
            grabCursor: true,
            scrollbar: {
                el: '#' + imageSwiperId + ' .swiper-scrollbar',
            },
            mousewheel: {
                enabled: true,
            },
            keyboard: {
                enabled: true,
            },
            pagination: {
                el: '#' + imageSwiperId + ' .swiper-pagination',
            },
            navigation: {
                nextEl: '#' + imageSwiperId + ' .swiper-button-next',
                prevEl: '#' + imageSwiperId + ' .swiper-button-prev',
            },
        });
    }
    else console.log('An image swiper has no id...');
}