Как сделать что бы галерея открывалась именно так?

Question

[DeniSidorenko]

Добрый день есть такая структура

<div class="works-item">
  <div class="works-item__left">
    <a href="img1"><img src="img1" alt=""></a>
    <a href="img2"><img src="img2" alt=""></a>
    <a href="img3"><img src="img3" alt=""></a>
  </div>
</div>
<div class="works-item">
  <div class="works-item__left">
    <a href="img1"><img src="img1" alt=""></a>
    <a href="img2"><img src="img2" alt=""></a>
    <a href="img3"><img src="img3" alt=""></a>
  </div>
</div>
<div class="works-item">
  <div class="works-item__left">
    <a href="img1"><img src="img1" alt=""></a>
    <a href="img2"><img src="img2" alt=""></a>
    <a href="img3"><img src="img3" alt=""></a>
  </div>
</div>

И такой js code

$('.works-item__left').magnificPopup({
		delegate: 'a',
		type: 'image',
		gallery: {
			enabled: true,
			navigateByImgClick: true,
			preload: [0,1] // Will preload 0 - before current, and 1 after the current image
		},
		
	});

Использую MAfgnific popup.
Так вот когда я октрываю изображение( У меня открывается галерея) . Всех 9 элементов , а мне надо что бы открылись в галереии лишь элементы которые находится на том же уровне вложности в works-item__left

Answer 1

[RAX7]

Для каждого '.works-item__left' инициализировать отдельный инстанс magnificPopup.
https://jsfiddle.net/f5mch92n/1/