Как включить Flickity в модальном окне при клике по IMG из обычной галереи?

Question

[Cal_Lightman]

Добрый день.
Пытаюсь сделать галерею, чтобы при клике на каждой из картинок (не по кнопке) открывалась на весь экран библиотека Flickity именно с этой нажатой картинки. И далее, чтобы можно было листать как слайдер всю галерею.
Т.е. задумка, включения Flickity именно по клику в окне. При закрытии ее отключение.

Начал ковырять скрипт, но похоже что-то не так делаю.

мой html:

<div class="gallery">
<span><img src="pictures/slide-1.jpg" alt=""></span>
<span><img src="pictures/slide-2.jpg" alt=""></span>
<span><img src="pictures/slide-3.jpg" alt=""></span>
<span><img src="pictures/slide-4.jpg" alt=""></span>
<span><img src="pictures/slide-5.jpg" alt=""></span>
</div>

CSS:

.gallery{
	font-size:0;
	text-align:center;
}
.gallery span{
	width:calc(25% - 1px);
	margin-right:1px;
	margin-bottom:1px;font-size:16px;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
}
.gallery span:nth-of-type(4n){
	margin-right:0;
}
.gallery img{
	max-width:100%;
	width:100%;
	display:block;
}

JS:

var flkty = new Flickity('.gallery');
	var galleryImg = document.querySelector('.gallery span');

	galleryImg.addEventListener("click", function(){
		if (galleryImg.clicked == true){
			
			new Flickity(flkty, {
				// options
			});

		} else if (galleryImg.clicked == true){

			flkty.destroy();

		}
	});